186526/unpkg
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Prettify

Browse Source
This commit is contained in:
MICHAEL JACKSON
2017-11-25 21:19:55 -08:00
parent 758b420297
commit 51f3bca3fb
13 changed files with 476 additions and 448 deletions
Download Patch File Download Diff File Expand all files Collapse all files

225
scripts/build.js
View File

@ -1,31 +1,31 @@
'use strict';
"use strict"
// Do this as the first thing so that any code reading it knows the right env.
process.env.NODE_ENV = 'production';
process.env.NODE_ENV = "production"
// Load environment variables from .env file. Suppress warnings using silent
// if this file is missing. dotenv will never modify any environment variables
// that have already been set.
// https://github.com/motdotla/dotenv
require('dotenv').config({silent: true});
require("dotenv").config({ silent: true })
var chalk = require('chalk');
var fs = require('fs-extra');
var path = require('path');
var url = require('url');
var webpack = require('webpack');
var config = require('../config/webpack.config.prod');
var paths = require('../config/paths');
var checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
var FileSizeReporter = require('react-dev-utils/FileSizeReporter');
var measureFileSizesBeforeBuild = FileSizeReporter.measureFileSizesBeforeBuild;
var printFileSizesAfterBuild = FileSizeReporter.printFileSizesAfterBuild;
var chalk = require("chalk")
var fs = require("fs-extra")
var path = require("path")
var url = require("url")
var webpack = require("webpack")
var config = require("../config/webpack.config.prod")
var paths = require("../config/paths")
var checkRequiredFiles = require("react-dev-utils/checkRequiredFiles")
var FileSizeReporter = require("react-dev-utils/FileSizeReporter")
var measureFileSizesBeforeBuild = FileSizeReporter.measureFileSizesBeforeBuild
var printFileSizesAfterBuild = FileSizeReporter.printFileSizesAfterBuild
var useYarn = fs.existsSync(paths.yarnLockFile);
var useYarn = fs.existsSync(paths.yarnLockFile)
// Warn and crash if required files are missing
if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
process.exit(1);
process.exit(1)
}
// First, read the current file sizes in build directory.
@ -33,126 +33,167 @@ if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
measureFileSizesBeforeBuild(paths.appBuild).then(previousFileSizes => {
// Remove all content but keep the directory so that
// if you're in it, you don't end up in Trash
fs.emptyDirSync(paths.appBuild);
fs.emptyDirSync(paths.appBuild)
// Start the webpack build
build(previousFileSizes);
build(previousFileSizes)
// Merge with the public folder
copyPublicFolder();
});
copyPublicFolder()
})
// Print out errors
function printErrors(summary, errors) {
console.log(chalk.red(summary));
console.log();
console.log(chalk.red(summary))
console.log()
errors.forEach(err => {
console.log(err.message || err);
console.log();
});
console.log(err.message || err)
console.log()
})
}
// Create the production build and print the deployment instructions.
function build(previousFileSizes) {
console.log('Creating an optimized production build...');
console.log("Creating an optimized production build...")
webpack(config).run((err, stats) => {
if (err) {
printErrors('Failed to compile.', [err]);
process.exit(1);
printErrors("Failed to compile.", [err])
process.exit(1)
}
if (stats.compilation.errors.length) {
printErrors('Failed to compile.', stats.compilation.errors);
process.exit(1);
printErrors("Failed to compile.", stats.compilation.errors)
process.exit(1)
}
if (process.env.CI && stats.compilation.warnings.length) {
printErrors('Failed to compile. When process.env.CI = true, warnings are treated as failures. Most CI servers set this automatically.', stats.compilation.warnings);
process.exit(1);
}
printErrors(
"Failed to compile. When process.env.CI = true, warnings are treated as failures. Most CI servers set this automatically.",
stats.compilation.warnings
)
process.exit(1)
}
console.log(chalk.green('Compiled successfully.'));
console.log();
console.log(chalk.green("Compiled successfully."))
console.log()
console.log('File sizes after gzip:');
console.log();
printFileSizesAfterBuild(stats, previousFileSizes);
console.log();
console.log("File sizes after gzip:")
console.log()
printFileSizesAfterBuild(stats, previousFileSizes)
console.log()
var appPackage = require(paths.appPackageJson);
var publicUrl = paths.publicUrl;
var publicPath = config.output.publicPath;
var publicPathname = url.parse(publicPath).pathname;
if (publicUrl && publicUrl.indexOf('.github.io/') !== -1) {
var appPackage = require(paths.appPackageJson)
var publicUrl = paths.publicUrl
var publicPath = config.output.publicPath
var publicPathname = url.parse(publicPath).pathname
if (publicUrl && publicUrl.indexOf(".github.io/") !== -1) {
// "homepage": "http://user.github.io/project"
console.log('The project was built assuming it is hosted at ' + chalk.green(publicPathname) + '.');
console.log('You can control this with the ' + chalk.green('homepage') + ' field in your ' + chalk.cyan('package.json') + '.');
console.log();
console.log('The ' + chalk.cyan('build') + ' folder is ready to be deployed.');
console.log('To publish it at ' + chalk.green(publicUrl) + ', run:');
console.log(
"The project was built assuming it is hosted at " + chalk.green(publicPathname) + "."
)
console.log(
"You can control this with the " +
chalk.green("homepage") +
" field in your " +
chalk.cyan("package.json") +
"."
)
console.log()
console.log("The " + chalk.cyan("build") + " folder is ready to be deployed.")
console.log("To publish it at " + chalk.green(publicUrl) + ", run:")
// If script deploy has been added to package.json, skip the instructions
if (typeof appPackage.scripts.deploy === 'undefined') {
console.log();
if (typeof appPackage.scripts.deploy === "undefined") {
console.log()
if (useYarn) {
console.log(' ' + chalk.cyan('yarn') + ' add --dev gh-pages');
console.log(" " + chalk.cyan("yarn") + " add --dev gh-pages")
} else {
console.log(' ' + chalk.cyan('npm') + ' install --save-dev gh-pages');
console.log(" " + chalk.cyan("npm") + " install --save-dev gh-pages")
}
console.log();
console.log('Add the following script in your ' + chalk.cyan('package.json') + '.');
console.log();
console.log(' ' + chalk.dim('// ...'));
console.log(' ' + chalk.yellow('"scripts"') + ': {');
console.log(' ' + chalk.dim('// ...'));
console.log(' ' + chalk.yellow('"predeploy"') + ': ' + chalk.yellow('"npm run build",'));
console.log(' ' + chalk.yellow('"deploy"') + ': ' + chalk.yellow('"gh-pages -d build"'));
console.log(' }');
console.log();
console.log('Then run:');
console.log()
console.log("Add the following script in your " + chalk.cyan("package.json") + ".")
console.log()
console.log(" " + chalk.dim("// ..."))
console.log(" " + chalk.yellow('"scripts"') + ": {")
console.log(" " + chalk.dim("// ..."))
console.log(
" " + chalk.yellow('"predeploy"') + ": " + chalk.yellow('"npm run build",')
)
console.log(
" " + chalk.yellow('"deploy"') + ": " + chalk.yellow('"gh-pages -d build"')
)
console.log(" }")
console.log()
console.log("Then run:")
}
console.log();
console.log(' ' + chalk.cyan(useYarn ? 'yarn' : 'npm') + ' run deploy');
console.log();
} else if (publicPath !== '/') {
console.log()
console.log(" " + chalk.cyan(useYarn ? "yarn" : "npm") + " run deploy")
console.log()
} else if (publicPath !== "/") {
// "homepage": "http://mywebsite.com/project"
console.log('The project was built assuming it is hosted at ' + chalk.green(publicPath) + '.');
console.log('You can control this with the ' + chalk.green('homepage') + ' field in your ' + chalk.cyan('package.json') + '.');
console.log();
console.log('The ' + chalk.cyan('build') + ' folder is ready to be deployed.');
console.log();
console.log("The project was built assuming it is hosted at " + chalk.green(publicPath) + ".")
console.log(
"You can control this with the " +
chalk.green("homepage") +
" field in your " +
chalk.cyan("package.json") +
"."
)
console.log()
console.log("The " + chalk.cyan("build") + " folder is ready to be deployed.")
console.log()
} else {
if (publicUrl) {
// "homepage": "http://mywebsite.com"
console.log('The project was built assuming it is hosted at ' + chalk.green(publicUrl) + '.');
console.log('You can control this with the ' + chalk.green('homepage') + ' field in your ' + chalk.cyan('package.json') + '.');
console.log();
console.log(
"The project was built assuming it is hosted at " + chalk.green(publicUrl) + "."
)
console.log(
"You can control this with the " +
chalk.green("homepage") +
" field in your " +
chalk.cyan("package.json") +
"."
)
console.log()
} else {
// no homepage
console.log('The project was built assuming it is hosted at the server root.');
console.log('To override this, specify the ' + chalk.green('homepage') + ' in your ' + chalk.cyan('package.json') + '.');
console.log('For example, add this to build it for GitHub Pages:')
console.log();
console.log(' ' + chalk.green('"homepage"') + chalk.cyan(': ') + chalk.green('"http://myname.github.io/myapp"') + chalk.cyan(','));
console.log();
console.log("The project was built assuming it is hosted at the server root.")
console.log(
"To override this, specify the " +
chalk.green("homepage") +
" in your " +
chalk.cyan("package.json") +
"."
)
console.log("For example, add this to build it for GitHub Pages:")
console.log()
console.log(
" " +
chalk.green('"homepage"') +
chalk.cyan(": ") +
chalk.green('"http://myname.github.io/myapp"') +
chalk.cyan(",")
)
console.log()
}
var build = path.relative(process.cwd(), paths.appBuild);
console.log('The ' + chalk.cyan(build) + ' folder is ready to be deployed.');
console.log('You may serve it with a static server:');
console.log();
var build = path.relative(process.cwd(), paths.appBuild)
console.log("The " + chalk.cyan(build) + " folder is ready to be deployed.")
console.log("You may serve it with a static server:")
console.log()
if (useYarn) {
console.log(` ${chalk.cyan('yarn')} global add serve`);
console.log(` ${chalk.cyan("yarn")} global add serve`)
} else {
console.log(` ${chalk.cyan('npm')} install -g serve`);
console.log(` ${chalk.cyan("npm")} install -g serve`)
}
console.log(` ${chalk.cyan('serve')} -s build`);
console.log();
console.log(` ${chalk.cyan("serve")} -s build`)
console.log()
}
});
})
}
function copyPublicFolder() {
fs.copySync(paths.appPublic, paths.appBuild, {
dereference: true,
filter: file => file !== paths.appHtml
});
})
}

6
scripts/create-token.js
View File

@ -1,4 +1,4 @@
const AuthAPI = require('../server/AuthAPI')
const AuthAPI = require("../server/AuthAPI")
const scopes = {
blacklist: {
@ -10,8 +10,8 @@ AuthAPI.createToken(scopes).then(
token => {
// Verify it, just to be sure.
AuthAPI.verifyToken(token).then(payload => {
console.log(token, '\n')
console.log(JSON.stringify(payload, null, 2), '\n')
console.log(token, "\n")
console.log(JSON.stringify(payload, null, 2), "\n")
console.log(AuthAPI.getPublicKey())
process.exit()
})

36
scripts/show-log.js
View File

@ -1,25 +1,22 @@
require('isomorphic-fetch')
const invariant = require('invariant')
require("isomorphic-fetch")
const invariant = require("invariant")
const CloudflareEmail = process.env.CLOUDFLARE_EMAIL
const CloudflareKey = process.env.CLOUDFLARE_KEY
const RayID = process.argv[2]
invariant(CloudflareEmail, 'Missing the $CLOUDFLARE_EMAIL environment variable')
invariant(CloudflareEmail, "Missing the $CLOUDFLARE_EMAIL environment variable")
invariant(CloudflareKey, 'Missing the $CLOUDFLARE_KEY environment variable')
invariant(CloudflareKey, "Missing the $CLOUDFLARE_KEY environment variable")
invariant(
RayID,
'Missing the RAY_ID argument; use `heroku run node show-log.js RAY_ID`'
)
invariant(RayID, "Missing the RAY_ID argument; use `heroku run node show-log.js RAY_ID`")
function getZones(domain) {
return fetch(`https://api.cloudflare.com/client/v4/zones?name=${domain}`, {
method: 'GET',
method: "GET",
headers: {
'X-Auth-Email': CloudflareEmail,
'X-Auth-Key': CloudflareKey
"X-Auth-Email": CloudflareEmail,
"X-Auth-Key": CloudflareKey
}
})
.then(res => res.json())
@ -27,19 +24,16 @@ function getZones(domain) {
}
function getLog(zoneId, rayId) {
return fetch(
`https://api.cloudflare.com/client/v4/zones/${zoneId}/logs/requests/${rayId}`,
{
method: 'GET',
headers: {
'X-Auth-Email': CloudflareEmail,
'X-Auth-Key': CloudflareKey
}
return fetch(`https://api.cloudflare.com/client/v4/zones/${zoneId}/logs/requests/${rayId}`, {
method: "GET",
headers: {
"X-Auth-Email": CloudflareEmail,
"X-Auth-Key": CloudflareKey
}
).then(res => (res.status === 404 ? 'NOT FOUND' : res.json()))
}).then(res => (res.status === 404 ? "NOT FOUND" : res.json()))
}
getZones('unpkg.com').then(zones => {
getZones("unpkg.com").then(zones => {
getLog(zones[0].id, RayID).then(entry => {
console.log(entry)
})

40
scripts/show-stats.js
View File

@ -1,8 +1,8 @@
const subDays = require('date-fns/sub_days')
const prettyBytes = require('pretty-bytes')
const table = require('text-table')
const subDays = require("date-fns/sub_days")
const prettyBytes = require("pretty-bytes")
const table = require("text-table")
const StatsAPI = require('../server/StatsAPI')
const StatsAPI = require("../server/StatsAPI")
const now = new Date()
function createRange(start, end) {
@ -21,31 +21,21 @@ const pastSevenDays = createPastDays(7)
const pastThirtyDays = createPastDays(30)
Promise.all([
StatsAPI.sumKeys(
pastSevenDays.map(date => `stats-requests-${StatsAPI.createDayKey(date)}`)
),
StatsAPI.sumKeys(
pastSevenDays.map(date => `stats-bandwidth-${StatsAPI.createDayKey(date)}`)
),
StatsAPI.sumKeys(
pastThirtyDays.map(date => `stats-requests-${StatsAPI.createDayKey(date)}`)
),
StatsAPI.sumKeys(
pastThirtyDays.map(date => `stats-bandwidth-${StatsAPI.createDayKey(date)}`)
)
StatsAPI.sumKeys(pastSevenDays.map(date => `stats-requests-${StatsAPI.createDayKey(date)}`)),
StatsAPI.sumKeys(pastSevenDays.map(date => `stats-bandwidth-${StatsAPI.createDayKey(date)}`)),
StatsAPI.sumKeys(pastThirtyDays.map(date => `stats-requests-${StatsAPI.createDayKey(date)}`)),
StatsAPI.sumKeys(pastThirtyDays.map(date => `stats-bandwidth-${StatsAPI.createDayKey(date)}`))
]).then(results => {
console.log('\n## Summary')
console.log('Requests this week: %s', results[0].toLocaleString())
console.log('Bandwidth this week: %s', prettyBytes(results[1]))
console.log('Requests this month: %s', results[2].toLocaleString())
console.log('Bandwidth this month: %s', prettyBytes(results[3]))
console.log("\n## Summary")
console.log("Requests this week: %s", results[0].toLocaleString())
console.log("Bandwidth this week: %s", prettyBytes(results[1]))
console.log("Requests this month: %s", results[2].toLocaleString())
console.log("Bandwidth this month: %s", prettyBytes(results[3]))
StatsAPI.sumTopScores(
pastSevenDays.map(
date => `stats-packageRequests-${StatsAPI.createDayKey(date)}`
)
pastSevenDays.map(date => `stats-packageRequests-${StatsAPI.createDayKey(date)}`)
).then(topPackages => {
console.log('\n## Top Packages This Week')
console.log("\n## Top Packages This Week")
topPackages.forEach(result => {
result[1] = result[1].toLocaleString()

256
scripts/start.js
View File

@ -1,161 +1,180 @@
'use strict';
"use strict"
process.env.NODE_ENV = 'development';
process.env.NODE_ENV = "development"
// Load environment variables from .env file. Suppress warnings using silent
// if this file is missing. dotenv will never modify any environment variables
// that have already been set.
// https://github.com/motdotla/dotenv
require('dotenv').config({silent: true});
require("dotenv").config({ silent: true })
var chalk = require('chalk');
var webpack = require('webpack');
var WebpackDevServer = require('webpack-dev-server');
var historyApiFallback = require('connect-history-api-fallback');
var httpProxyMiddleware = require('http-proxy-middleware');
var detect = require('detect-port');
var clearConsole = require('react-dev-utils/clearConsole');
var checkRequiredFiles = require('react-dev-utils/checkRequiredFiles');
var formatWebpackMessages = require('react-dev-utils/formatWebpackMessages');
var getProcessForPort = require('react-dev-utils/getProcessForPort');
var openBrowser = require('react-dev-utils/openBrowser');
var prompt = require('react-dev-utils/prompt');
var fs = require('fs');
var config = require('../config/webpack.config.dev');
var paths = require('../config/paths');
var chalk = require("chalk")
var webpack = require("webpack")
var WebpackDevServer = require("webpack-dev-server")
var historyApiFallback = require("connect-history-api-fallback")
var httpProxyMiddleware = require("http-proxy-middleware")
var detect = require("detect-port")
var clearConsole = require("react-dev-utils/clearConsole")
var checkRequiredFiles = require("react-dev-utils/checkRequiredFiles")
var formatWebpackMessages = require("react-dev-utils/formatWebpackMessages")
var getProcessForPort = require("react-dev-utils/getProcessForPort")
var openBrowser = require("react-dev-utils/openBrowser")
var prompt = require("react-dev-utils/prompt")
var fs = require("fs")
var config = require("../config/webpack.config.dev")
var paths = require("../config/paths")
var useYarn = fs.existsSync(paths.yarnLockFile);
var cli = useYarn ? 'yarn' : 'npm';
var isInteractive = process.stdout.isTTY;
var useYarn = fs.existsSync(paths.yarnLockFile)
var cli = useYarn ? "yarn" : "npm"
var isInteractive = process.stdout.isTTY
// Warn and crash if required files are missing
if (!checkRequiredFiles([paths.appHtml, paths.appIndexJs])) {
process.exit(1);
process.exit(1)
}
// Tools like Cloud9 rely on this.
var DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000;
var compiler;
var handleCompile;
var DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000
var compiler
var handleCompile
// You can safely remove this after ejecting.
// We only use this block for testing of Create React App itself:
var isSmokeTest = process.argv.some(arg => arg.indexOf('--smoke-test') > -1);
var isSmokeTest = process.argv.some(arg => arg.indexOf("--smoke-test") > -1)
if (isSmokeTest) {
handleCompile = function (err, stats) {
handleCompile = function(err, stats) {
if (err || stats.hasErrors() || stats.hasWarnings()) {
process.exit(1);
process.exit(1)
} else {
process.exit(0);
process.exit(0)
}
};
}
}
function setupCompiler(host, port, protocol) {
// "Compiler" is a low-level interface to Webpack.
// It lets us listen to some events and provide our own custom messages.
compiler = webpack(config, handleCompile);
compiler = webpack(config, handleCompile)
// "invalid" event fires when you have changed a file, and Webpack is
// recompiling a bundle. WebpackDevServer takes care to pause serving the
// bundle, so if you refresh, it'll wait instead of serving the old one.
// "invalid" is short for "bundle invalidated", it doesn't imply any errors.
compiler.plugin('invalid', function() {
compiler.plugin("invalid", function() {
if (isInteractive) {
clearConsole();
clearConsole()
}
console.log('Compiling...');
});
console.log("Compiling...")
})
var isFirstCompile = true;
var isFirstCompile = true
// "done" event fires when Webpack has finished recompiling the bundle.
// Whether or not you have warnings or errors, you will get this event.
compiler.plugin('done', function(stats) {
compiler.plugin("done", function(stats) {
if (isInteractive) {
clearConsole();
clearConsole()
}
// We have switched off the default Webpack output in WebpackDevServer
// options so we are going to "massage" the warnings and errors and present
// them in a readable focused way.
var messages = formatWebpackMessages(stats.toJson({}, true));
var isSuccessful = !messages.errors.length && !messages.warnings.length;
var showInstructions = isSuccessful && (isInteractive || isFirstCompile);
var messages = formatWebpackMessages(stats.toJson({}, true))
var isSuccessful = !messages.errors.length && !messages.warnings.length
var showInstructions = isSuccessful && (isInteractive || isFirstCompile)
if (isSuccessful) {
console.log(chalk.green('Compiled successfully!'));
console.log(chalk.green("Compiled successfully!"))
}
if (showInstructions) {
console.log();
console.log('The app is running at:');
console.log();
console.log(' ' + chalk.cyan(protocol + '://' + host + ':' + port + '/'));
console.log();
console.log('Note that the development build is not optimized.');
console.log('To create a production build, use ' + chalk.cyan(cli + ' run build') + '.');
console.log();
isFirstCompile = false;
console.log()
console.log("The app is running at:")
console.log()
console.log(" " + chalk.cyan(protocol + "://" + host + ":" + port + "/"))
console.log()
console.log("Note that the development build is not optimized.")
console.log("To create a production build, use " + chalk.cyan(cli + " run build") + ".")
console.log()
isFirstCompile = false
}
// If errors exist, only show errors.
if (messages.errors.length) {
console.log(chalk.red('Failed to compile.'));
console.log();
console.log(chalk.red("Failed to compile."))
console.log()
messages.errors.forEach(message => {
console.log(message);
console.log();
});
return;
console.log(message)
console.log()
})
return
}
// Show warnings if no errors were found.
if (messages.warnings.length) {
console.log(chalk.yellow('Compiled with warnings.'));
console.log();
console.log(chalk.yellow("Compiled with warnings."))
console.log()
messages.warnings.forEach(message => {
console.log(message);
console.log();
});
console.log(message)
console.log()
})
// Teach some ESLint tricks.
console.log('You may use special comments to disable some warnings.');
console.log('Use ' + chalk.yellow('// eslint-disable-next-line') + ' to ignore the next line.');
console.log('Use ' + chalk.yellow('/* eslint-disable */') + ' to ignore all warnings in a file.');
console.log("You may use special comments to disable some warnings.")
console.log(
"Use " + chalk.yellow("// eslint-disable-next-line") + " to ignore the next line."
)
console.log(
"Use " + chalk.yellow("/* eslint-disable */") + " to ignore all warnings in a file."
)
}
});
})
}
// We need to provide a custom onError function for httpProxyMiddleware.
// It allows us to log custom error messages on the console.
function onProxyError(proxy) {
return function(err, req, res){
var host = req.headers && req.headers.host;
return function(err, req, res) {
var host = req.headers && req.headers.host
console.log(
chalk.red('Proxy error:') + ' Could not proxy request ' + chalk.cyan(req.url) +
' from ' + chalk.cyan(host) + ' to ' + chalk.cyan(proxy) + '.'
);
chalk.red("Proxy error:") +
" Could not proxy request " +
chalk.cyan(req.url) +
" from " +
chalk.cyan(host) +
" to " +
chalk.cyan(proxy) +
"."
)
console.log(
'See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (' +
chalk.cyan(err.code) + ').'
);
console.log();
"See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (" +
chalk.cyan(err.code) +
")."
)
console.log()
// And immediately send the proper error response to the client.
// Otherwise, the request will eventually timeout with ERR_EMPTY_RESPONSE on the client side.
if (res.writeHead && !res.headersSent) {
res.writeHead(500);
res.writeHead(500)
}
res.end('Proxy error: Could not proxy request ' + req.url + ' from ' +
host + ' to ' + proxy + ' (' + err.code + ').'
);
res.end(
"Proxy error: Could not proxy request " +
req.url +
" from " +
host +
" to " +
proxy +
" (" +
err.code +
")."
)
}
}
function addMiddleware(devServer) {
// `proxy` lets you to specify a fallback server during development.
// Every unrecognized request will be forwarded to it.
var proxy = require(paths.appPackageJson).proxy;
var proxy = require(paths.appPackageJson).proxy
//devServer.use(historyApiFallback({
// // Paths with dots should still use the history fallback.
// // See https://github.com/facebookincubator/create-react-app/issues/387.
@ -172,11 +191,11 @@ function addMiddleware(devServer) {
// ['text/html', '*/*']
//}));
if (proxy) {
if (typeof proxy !== 'string') {
console.log(chalk.red('When specified, "proxy" in package.json must be a string.'));
console.log(chalk.red('Instead, the type of "proxy" was "' + typeof proxy + '".'));
console.log(chalk.red('Either remove "proxy" from package.json, or make it a string.'));
process.exit(1);
if (typeof proxy !== "string") {
console.log(chalk.red('When specified, "proxy" in package.json must be a string.'))
console.log(chalk.red('Instead, the type of "proxy" was "' + typeof proxy + '".'))
console.log(chalk.red('Either remove "proxy" from package.json, or make it a string.'))
process.exit(1)
}
// Otherwise, if proxy is specified, we will let it handle any request.
@ -185,19 +204,19 @@ function addMiddleware(devServer) {
// - /*.hot-update.json (WebpackDevServer uses this too for hot reloading)
// - /sockjs-node/* (WebpackDevServer uses this for hot reloading)
// Tip: use https://jex.im/regulex/ to visualize the regex
var mayProxy = /^(?!\/(index\.html$|.*\.hot-update\.json$|sockjs-node\/)).*$/;
var mayProxy = /^(?!\/(index\.html$|.*\.hot-update\.json$|sockjs-node\/)).*$/
// Pass the scope regex both to Express and to the middleware for proxying
// of both HTTP and WebSockets to work without false positives.
var hpm = httpProxyMiddleware(pathname => mayProxy.test(pathname), {
target: proxy,
logLevel: 'silent',
logLevel: "silent",
onProxyReq: function(proxyReq) {
// Browers may send Origin headers even with same-origin
// requests. To prevent CORS issues, we have to change
// the Origin to match the target URL.
if (proxyReq.getHeader('origin')) {
proxyReq.setHeader('origin', proxy);
if (proxyReq.getHeader("origin")) {
proxyReq.setHeader("origin", proxy)
}
},
onError: onProxyError(proxy),
@ -205,18 +224,18 @@ function addMiddleware(devServer) {
changeOrigin: true,
ws: true,
xfwd: true
});
devServer.use(mayProxy, hpm);
})
devServer.use(mayProxy, hpm)
// Listen for the websocket 'upgrade' event and upgrade the connection.
// If this is not done, httpProxyMiddleware will not try to upgrade until
// an initial plain HTTP request is made.
devServer.listeningApp.on('upgrade', hpm.upgrade);
devServer.listeningApp.on("upgrade", hpm.upgrade)
}
// Finally, by now we have certainly resolved the URL.
// It may be /index.html, so let the dev server try serving it again.
devServer.use(devServer.middleware);
devServer.use(devServer.middleware)
}
function runDevServer(host, port, protocol) {
@ -225,7 +244,7 @@ function runDevServer(host, port, protocol) {
compress: true,
// Silence WebpackDevServer's own logs since they're generally not useful.
// It will still show compile warnings and errors with this setting.
clientLogLevel: 'none',
clientLogLevel: "none",
// By default WebpackDevServer serves physical files from current directory
// in addition to all the virtual build products that it serves from memory.
// This is confusing because those files won’t automatically be available in
@ -261,56 +280,59 @@ function runDevServer(host, port, protocol) {
// Enable HTTPS if the HTTPS environment variable is set to 'true'
https: protocol === "https",
host: host
});
})
// Our custom middleware proxies requests to /index.html or a remote API.
addMiddleware(devServer);
addMiddleware(devServer)
// Launch WebpackDevServer.
devServer.listen(port, err => {
if (err) {
return console.log(err);
return console.log(err)
}
if (isInteractive) {
clearConsole();
clearConsole()
}
console.log(chalk.cyan('Starting the development server...'));
console.log();
console.log(chalk.cyan("Starting the development server..."))
console.log()
openBrowser(protocol + '://' + host + ':' + port + '/');
});
openBrowser(protocol + "://" + host + ":" + port + "/")
})
}
function run(port) {
var protocol = process.env.HTTPS === 'true' ? "https" : "http";
var host = process.env.HOST || 'localhost';
setupCompiler(host, port, protocol);
runDevServer(host, port, protocol);
var protocol = process.env.HTTPS === "true" ? "https" : "http"
var host = process.env.HOST || "localhost"
setupCompiler(host, port, protocol)
runDevServer(host, port, protocol)
}
// We attempt to use the default port but if it is busy, we offer the user to
// run on a different port. `detect()` Promise resolves to the next free port.
detect(DEFAULT_PORT).then(port => {
if (port === DEFAULT_PORT) {
run(port);
return;
run(port)
return
}
if (isInteractive) {
clearConsole();
var existingProcess = getProcessForPort(DEFAULT_PORT);
clearConsole()
var existingProcess = getProcessForPort(DEFAULT_PORT)
var question =
chalk.yellow('Something is already running on port ' + DEFAULT_PORT + '.' +
((existingProcess) ? ' Probably:\n ' + existingProcess : '')) +
'\n\nWould you like to run the app on another port instead?';
chalk.yellow(
"Something is already running on port " +
DEFAULT_PORT +
"." +
(existingProcess ? " Probably:\n " + existingProcess : "")
) + "\n\nWould you like to run the app on another port instead?"
prompt(question, true).then(shouldChangePort => {
if (shouldChangePort) {
run(port);
run(port)
}
});
})
} else {
console.log(chalk.red('Something is already running on port ' + DEFAULT_PORT + '.'));
console.log(chalk.red("Something is already running on port " + DEFAULT_PORT + "."))
}
});
})

19
scripts/test.js
View File

@ -1,21 +1,20 @@
'use strict';
"use strict"
process.env.NODE_ENV = 'test';
process.env.PUBLIC_URL = '';
process.env.NODE_ENV = "test"
process.env.PUBLIC_URL = ""
// Load environment variables from .env file. Suppress warnings using silent
// if this file is missing. dotenv will never modify any environment variables
// that have already been set.
// https://github.com/motdotla/dotenv
require('dotenv').config({silent: true});
require("dotenv").config({ silent: true })
const jest = require('jest');
const argv = process.argv.slice(2);
const jest = require("jest")
const argv = process.argv.slice(2)
// Watch unless on CI or in coverage mode
if (!process.env.CI && argv.indexOf('--coverage') < 0) {
argv.push('--watch');
if (!process.env.CI && argv.indexOf("--coverage") < 0) {
argv.push("--watch")
}
jest.run(argv);
jest.run(argv)