Skip to content

Commit 503844a

Browse files
krethhkrethh
committed
YOLO eject
1 parent 17e72a7 commit 503844a

14 files changed

+1898
-73
lines changed

‎config/env.js

+106
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,106 @@
1+
'use strict';
2+
3+
const fs = require('fs');
4+
const path = require('path');
5+
const paths = require('./paths');
6+
7+
// Make sure that including paths.js after env.js will read .env variables.
8+
delete require.cache[require.resolve('./paths')];
9+
10+
const NODE_ENV = process.env.NODE_ENV;
11+
if (!NODE_ENV) {
12+
throw new Error(
13+
'The NODE_ENV environment variable is required but was not specified.'
14+
);
15+
}
16+
17+
// https://github.com/bkeepers/dotenv#what-other-env-files-can-i-use
18+
const dotenvFiles = [
19+
`${paths.dotenv}.${NODE_ENV}.local`,
20+
// Don't include `.env.local` for `test` environment
21+
// since normally you expect tests to produce the same
22+
// results for everyone
23+
NODE_ENV !== 'test' && `${paths.dotenv}.local`,
24+
`${paths.dotenv}.${NODE_ENV}`,
25+
paths.dotenv,
26+
].filter(Boolean);
27+
28+
// Load environment variables from .env* files. Suppress warnings using silent
29+
// if this file is missing. dotenv will never modify any environment variables
30+
// that have already been set. Variable expansion is supported in .env files.
31+
// https://github.com/motdotla/dotenv
32+
// https://github.com/motdotla/dotenv-expand
33+
dotenvFiles.forEach(dotenvFile => {
34+
if (fs.existsSync(dotenvFile)) {
35+
require('dotenv-expand')(
36+
require('dotenv').config({
37+
path: dotenvFile,
38+
})
39+
);
40+
}
41+
});
42+
43+
// We support resolving modules according to `NODE_PATH`.
44+
// This lets you use absolute paths in imports inside large monorepos:
45+
// https://github.com/facebook/create-react-app/issues/253.
46+
// It works similar to `NODE_PATH` in Node itself:
47+
// https://nodejs.org/api/modules.html#modules_loading_from_the_global_folders
48+
// Note that unlike in Node, only *relative* paths from `NODE_PATH` are honored.
49+
// Otherwise, we risk importing Node.js core modules into an app instead of webpack shims.
50+
// https://github.com/facebook/create-react-app/issues/1023#issuecomment-265344421
51+
// We also resolve them to make sure all tools using them work consistently.
52+
const appDirectory = fs.realpathSync(process.cwd());
53+
process.env.NODE_PATH = (process.env.NODE_PATH || '')
54+
.split(path.delimiter)
55+
.filter(folder => folder && !path.isAbsolute(folder))
56+
.map(folder => path.resolve(appDirectory, folder))
57+
.join(path.delimiter);
58+
59+
// Grab NODE_ENV and REACT_APP_* environment variables and prepare them to be
60+
// injected into the application via DefinePlugin in webpack configuration.
61+
const REACT_APP = /^REACT_APP_/i;
62+
63+
function getClientEnvironment(publicUrl) {
64+
const raw = Object.keys(process.env)
65+
.filter(key => REACT_APP.test(key))
66+
.reduce(
67+
(env, key) => {
68+
env[key] = process.env[key];
69+
return env;
70+
},
71+
{
72+
// Useful for determining whether we’re running in production mode.
73+
// Most importantly, it switches React into the correct mode.
74+
NODE_ENV: process.env.NODE_ENV || 'development',
75+
// Useful for resolving the correct path to static assets in `public`.
76+
// For example, <img src={process.env.PUBLIC_URL + '/img/logo.png'} />.
77+
// This should only be used as an escape hatch. Normally you would put
78+
// images into the `src` and `import` them in code to get their paths.
79+
PUBLIC_URL: publicUrl,
80+
// We support configuring the sockjs pathname during development.
81+
// These settings let a developer run multiple simultaneous projects.
82+
// They are used as the connection `hostname`, `pathname` and `port`
83+
// in webpackHotDevClient. They are used as the `sockHost`, `sockPath`
84+
// and `sockPort` options in webpack-dev-server.
85+
WDS_SOCKET_HOST: process.env.WDS_SOCKET_HOST,
86+
WDS_SOCKET_PATH: process.env.WDS_SOCKET_PATH,
87+
WDS_SOCKET_PORT: process.env.WDS_SOCKET_PORT,
88+
// Whether or not react-refresh is enabled.
89+
// react-refresh is not 100% stable at this time,
90+
// which is why it's disabled by default.
91+
// It is defined here so it is available in the webpackHotDevClient.
92+
FAST_REFRESH: process.env.FAST_REFRESH !== 'false',
93+
}
94+
);
95+
// Stringify all values so we can feed into webpack DefinePlugin
96+
const stringified = {
97+
'process.env': Object.keys(raw).reduce((env, key) => {
98+
env[key] = JSON.stringify(raw[key]);
99+
return env;
100+
}, {}),
101+
};
102+
103+
return { raw, stringified };
104+
}
105+
106+
module.exports = getClientEnvironment;

‎config/getHttpsConfig.js

+66
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,66 @@
1+
'use strict';
2+
3+
const fs = require('fs');
4+
const path = require('path');
5+
const crypto = require('crypto');
6+
const chalk = require('react-dev-utils/chalk');
7+
const paths = require('./paths');
8+
9+
// Ensure the certificate and key provided are valid and if not
10+
// throw an easy to debug error
11+
function validateKeyAndCerts({ cert, key, keyFile, crtFile }) {
12+
let encrypted;
13+
try {
14+
// publicEncrypt will throw an error with an invalid cert
15+
encrypted = crypto.publicEncrypt(cert, Buffer.from('test'));
16+
} catch (err) {
17+
throw new Error(
18+
`The certificate "${chalk.yellow(crtFile)}" is invalid.\n${err.message}`
19+
);
20+
}
21+
22+
try {
23+
// privateDecrypt will throw an error with an invalid key
24+
crypto.privateDecrypt(key, encrypted);
25+
} catch (err) {
26+
throw new Error(
27+
`The certificate key "${chalk.yellow(keyFile)}" is invalid.\n${
28+
err.message
29+
}`
30+
);
31+
}
32+
}
33+
34+
// Read file and throw an error if it doesn't exist
35+
function readEnvFile(file, type) {
36+
if (!fs.existsSync(file)) {
37+
throw new Error(
38+
`You specified ${chalk.cyan(
39+
type
40+
)} in your env, but the file "${chalk.yellow(file)}" can't be found.`
41+
);
42+
}
43+
return fs.readFileSync(file);
44+
}
45+
46+
// Get the https config
47+
// Return cert files if provided in env, otherwise just true or false
48+
function getHttpsConfig() {
49+
const { SSL_CRT_FILE, SSL_KEY_FILE, HTTPS } = process.env;
50+
const isHttps = HTTPS === 'true';
51+
52+
if (isHttps && SSL_CRT_FILE && SSL_KEY_FILE) {
53+
const crtFile = path.resolve(paths.appPath, SSL_CRT_FILE);
54+
const keyFile = path.resolve(paths.appPath, SSL_KEY_FILE);
55+
const config = {
56+
cert: readEnvFile(crtFile, 'SSL_CRT_FILE'),
57+
key: readEnvFile(keyFile, 'SSL_KEY_FILE'),
58+
};
59+
60+
validateKeyAndCerts({ ...config, keyFile, crtFile });
61+
return config;
62+
}
63+
return isHttps;
64+
}
65+
66+
module.exports = getHttpsConfig;

‎config/jest/cssTransform.js

+14
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
'use strict';
2+
3+
// This is a custom Jest transformer turning style imports into empty objects.
4+
// http://facebook.github.io/jest/docs/en/webpack.html
5+
6+
module.exports = {
7+
process() {
8+
return 'module.exports = {};';
9+
},
10+
getCacheKey() {
11+
// The output is always the same.
12+
return 'cssTransform';
13+
},
14+
};

‎config/jest/fileTransform.js

+40
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
'use strict';
2+
3+
const path = require('path');
4+
const camelcase = require('camelcase');
5+
6+
// This is a custom Jest transformer turning file imports into filenames.
7+
// http://facebook.github.io/jest/docs/en/webpack.html
8+
9+
module.exports = {
10+
process(src, filename) {
11+
const assetFilename = JSON.stringify(path.basename(filename));
12+
13+
if (filename.match(/\.svg$/)) {
14+
// Based on how SVGR generates a component name:
15+
// https://github.com/smooth-code/svgr/blob/01b194cf967347d43d4cbe6b434404731b87cf27/packages/core/src/state.js#L6
16+
const pascalCaseFilename = camelcase(path.parse(filename).name, {
17+
pascalCase: true,
18+
});
19+
const componentName = `Svg${pascalCaseFilename}`;
20+
return `const React = require('react');
21+
module.exports = {
22+
__esModule: true,
23+
default: ${assetFilename},
24+
ReactComponent: React.forwardRef(function ${componentName}(props, ref) {
25+
return {
26+
$$typeof: Symbol.for('react.element'),
27+
type: 'svg',
28+
ref: ref,
29+
key: null,
30+
props: Object.assign({}, props, {
31+
children: ${assetFilename}
32+
})
33+
};
34+
}),
35+
};`;
36+
}
37+
38+
return `module.exports = ${assetFilename};`;
39+
},
40+
};

‎config/modules.js

+134
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,134 @@
1+
'use strict';
2+
3+
const fs = require('fs');
4+
const path = require('path');
5+
const paths = require('./paths');
6+
const chalk = require('react-dev-utils/chalk');
7+
const resolve = require('resolve');
8+
9+
/**
10+
* Get additional module paths based on the baseUrl of a compilerOptions object.
11+
*
12+
* @param {Object} options
13+
*/
14+
function getAdditionalModulePaths(options = {}) {
15+
const baseUrl = options.baseUrl;
16+
17+
if (!baseUrl) {
18+
return '';
19+
}
20+
21+
const baseUrlResolved = path.resolve(paths.appPath, baseUrl);
22+
23+
// We don't need to do anything if `baseUrl` is set to `node_modules`. This is
24+
// the default behavior.
25+
if (path.relative(paths.appNodeModules, baseUrlResolved) === '') {
26+
return null;
27+
}
28+
29+
// Allow the user set the `baseUrl` to `appSrc`.
30+
if (path.relative(paths.appSrc, baseUrlResolved) === '') {
31+
return [paths.appSrc];
32+
}
33+
34+
// If the path is equal to the root directory we ignore it here.
35+
// We don't want to allow importing from the root directly as source files are
36+
// not transpiled outside of `src`. We do allow importing them with the
37+
// absolute path (e.g. `src/Components/Button.js`) but we set that up with
38+
// an alias.
39+
if (path.relative(paths.appPath, baseUrlResolved) === '') {
40+
return null;
41+
}
42+
43+
// Otherwise, throw an error.
44+
throw new Error(
45+
chalk.red.bold(
46+
"Your project's `baseUrl` can only be set to `src` or `node_modules`." +
47+
' Create React App does not support other values at this time.'
48+
)
49+
);
50+
}
51+
52+
/**
53+
* Get webpack aliases based on the baseUrl of a compilerOptions object.
54+
*
55+
* @param {*} options
56+
*/
57+
function getWebpackAliases(options = {}) {
58+
const baseUrl = options.baseUrl;
59+
60+
if (!baseUrl) {
61+
return {};
62+
}
63+
64+
const baseUrlResolved = path.resolve(paths.appPath, baseUrl);
65+
66+
if (path.relative(paths.appPath, baseUrlResolved) === '') {
67+
return {
68+
src: paths.appSrc,
69+
};
70+
}
71+
}
72+
73+
/**
74+
* Get jest aliases based on the baseUrl of a compilerOptions object.
75+
*
76+
* @param {*} options
77+
*/
78+
function getJestAliases(options = {}) {
79+
const baseUrl = options.baseUrl;
80+
81+
if (!baseUrl) {
82+
return {};
83+
}
84+
85+
const baseUrlResolved = path.resolve(paths.appPath, baseUrl);
86+
87+
if (path.relative(paths.appPath, baseUrlResolved) === '') {
88+
return {
89+
'^src/(.*)$': '<rootDir>/src/$1',
90+
};
91+
}
92+
}
93+
94+
function getModules() {
95+
// Check if TypeScript is setup
96+
const hasTsConfig = fs.existsSync(paths.appTsConfig);
97+
const hasJsConfig = fs.existsSync(paths.appJsConfig);
98+
99+
if (hasTsConfig && hasJsConfig) {
100+
throw new Error(
101+
'You have both a tsconfig.json and a jsconfig.json. If you are using TypeScript please remove your jsconfig.json file.'
102+
);
103+
}
104+
105+
let config;
106+
107+
// If there's a tsconfig.json we assume it's a
108+
// TypeScript project and set up the config
109+
// based on tsconfig.json
110+
if (hasTsConfig) {
111+
const ts = require(resolve.sync('typescript', {
112+
basedir: paths.appNodeModules,
113+
}));
114+
config = ts.readConfigFile(paths.appTsConfig, ts.sys.readFile).config;
115+
// Otherwise we'll check if there is jsconfig.json
116+
// for non TS projects.
117+
} else if (hasJsConfig) {
118+
config = require(paths.appJsConfig);
119+
}
120+
121+
config = config || {};
122+
const options = config.compilerOptions || {};
123+
124+
const additionalModulePaths = getAdditionalModulePaths(options);
125+
126+
return {
127+
additionalModulePaths: additionalModulePaths,
128+
webpackAliases: getWebpackAliases(options),
129+
jestAliases: getJestAliases(options),
130+
hasTsConfig,
131+
};
132+
}
133+
134+
module.exports = getModules();

0 commit comments

Comments
 (0)