tix-react-ssr
Version:
Tiket.com React Project Scripts
365 lines (335 loc) • 10.6 kB
JavaScript
// @remove-file-on-eject
/**
* Copyright (c) 2015-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
;
// Makes the script crash on unhandled rejections instead of silently
// ignoring them. In the future, promise rejections that are not handled will
// terminate the Node.js process with a non-zero exit code.
process.on('unhandledRejection', err => {
throw err;
});
const fs = require('fs-extra');
const path = require('path');
const chalk = require('chalk');
const execSync = require('child_process').execSync;
const spawn = require('react-dev-utils/crossSpawn');
const os = require('os');
function isInGitRepository() {
try {
execSync('git rev-parse --is-inside-work-tree', { stdio: 'ignore' });
return true;
} catch (e) {
return false;
}
}
function isInMercurialRepository() {
try {
execSync('hg --cwd . root', { stdio: 'ignore' });
return true;
} catch (e) {
return false;
}
}
function tryGitInit(appPath) {
let didInit = false;
try {
execSync('git --version', { stdio: 'ignore' });
if (isInGitRepository() || isInMercurialRepository()) {
return false;
}
execSync('git init', { stdio: 'ignore' });
didInit = true;
execSync('git add -A', { stdio: 'ignore' });
execSync('git commit -m "Initial commit from TIX React SSR"', {
stdio: 'ignore',
});
return true;
} catch (e) {
if (didInit) {
// If we successfully initialized but couldn't commit,
// maybe the commit author config is not set.
// In the future, we might supply our own committer
// like Ember CLI does, but for now, let's just
// remove the Git files to avoid a half-done state.
try {
// unlinkSync() doesn't work on directories.
fs.removeSync(path.join(appPath, '.git'));
} catch (removeErr) {
// Ignore.
}
}
return false;
}
}
module.exports = function(
appPath,
appName,
verbose,
originalDirectory,
template
) {
const ownPackageName = require(path.join(__dirname, '..', 'package.json'))
.name;
const ownPath = path.join(appPath, 'node_modules', ownPackageName);
const appPackage = require(path.join(appPath, 'package.json'));
const useYarn = fs.existsSync(path.join(appPath, 'yarn.lock'));
appPackage.jest = {
transform: {
"^.+\\.jsx?$": "babel-jest"
},
transformIgnorePatterns: [
"<rootDir>/node_modules/(?!@tiketdotcom)",
"<rootDir>/bin/"
],
moduleNameMapper: {
"\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "<rootDir>/tests/mocks/fileMock.js",
"\\.(s?css)$": "<rootDir>/tests/mocks/styleMock.js"
},
collectCoverageFrom: [
"!<rootDir>/node_modules/",
"!<rootDir>/bin/",
"!<rootDir>/build/",
"!<rootDir>/public/",
"!<rootDir>/tests/",
"src/**/*.{js,jsx}",
"src/**/**/*.{js,jsx}"
],
coverageThreshold: {
global: {
branches: 90,
functions: 90,
lines: 90,
statements: 90
}
},
snapshotSerializers: [
"enzyme-to-json/serializer"
],
coverageReporters: [
"lcov",
"html"
]
};
// Copy over some of the devDependencies
appPackage.dependencies = {
"babel-plugin-transform-decorators-legacy": "^1.3.4",
"babel-plugin-transform-regenerator": "^6.26.0",
"babel-preset-react-optimize": "^1.0.1",
"babel-preset-stage-0": "^6.24.1",
"bluebird": "^3.5.1",
"body-parser": "^1.18.2",
"config": "^1.30.0",
"connect-redis": "^3.3.3",
"cookie-parser": "^1.4.3",
"cross-env": "^5.1.4",
"dotenv": "^5.0.1",
"dotenv-expand": "^4.2.0",
"express": "^4.16.3",
"express-mysql-session": "^1.3.0",
"express-session": "^1.15.6",
"fbjs": "^1.0.0",
"isomorphic-fetch": "^2.2.1",
"memorystore": "^1.6.0",
"newrelic": "^4.6.0",
"node-fetch": "^2.1.2",
"react": "^16.3.2",
"react-dom": "^16.3.2",
"react-helmet": "^5.2.0",
"react-hot-loader": "^4.1.0",
"react-overlays": "^0.8.3",
"react-redux": "^5.0.7",
"react-router": "^4.2.0",
"react-router-config": "^1.0.0-beta.4",
"react-router-dom": "^4.2.2",
"react-transition-group": "^2.3.1",
"recluster": "^0.4.5",
"redux": "^4.0.0",
"redux-thunk": "^2.2.0",
"tix-react-ui": "^1.0.0",
"tix-react-ssr": "^1.1.58",
"winston": "^2.4.1",
"winston-logrotate": "^1.3.0",
"jest": "^22.4.4",
"eslint": "^4.19.1",
"prop-types": "^15.6.1",
};
appPackage.devDependencies = {
"babel-cli": "^6.26.0",
"babel-eslint": "^8.2.2",
"browser-sync": "^2.23.6",
"cross-env": "^5.2.0",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"enzyme-to-json": "^3.3.3",
"eslint": "^4.18.2",
"eslint-config-tix": "^1.0.1",
"jest": "^22.4.2",
"stylelint": "^9.1.1",
"stylelint-config-recommended-scss": "^3.1.0",
"stylelint-no-unsupported-browser-features": "^2.0.0",
"stylelint-scss": "^2.4.0",
"stylelint-webpack-plugin": "^0.10.3"
};
// Setup the script rules
appPackage.scripts = {
start: 'cross-env DEV_SERVER=true tix-react-ssr start',
build: 'tix-react-ssr build',
test: 'NODE_ENV=test jest --silent --coverage',
eject: 'tix-react-ssr eject',
'generate-test': 'node ./test/tools/runGenerateTest.js ./src',
release: 'npm version patch -m \'Release %s\'',
preversion: 'npm test && npm run lint:js && npm run lint:scss',
version: 'npm run build',
postversion: 'git push origin develop && git push origin master && git push --tags',
serve: 'tix-react-ssr serve',
'lint:js': 'eslint --ignore-path .eslintignore ./ --ext .jsx,.js --fix',
'lint:scss': 'stylelint src/**/*.scss --fix',
'sonar-scanner': 'node_modules/sonar-scanner/bin/sonar-scanner'
};
appPackage.browserslist = [
">1% in ID",
"last 4 versions",
"Firefox ESR",
"not ie < 8"
];
fs.writeFileSync(
path.join(appPath, 'package.json'),
JSON.stringify(appPackage, null, 2) + os.EOL
);
const readmeExists = fs.existsSync(path.join(appPath, 'README.md'));
if (readmeExists) {
fs.renameSync(
path.join(appPath, 'README.md'),
path.join(appPath, 'README.old.md')
);
}
// Copy the files for the user
const templatePath = template
? path.resolve(originalDirectory, template)
: path.join(ownPath, 'template');
if (fs.existsSync(templatePath)) {
fs.copySync(templatePath, appPath);
} else {
console.error(
`Could not locate supplied template: ${chalk.green(templatePath)}`
);
return;
}
const envConfig = fs.readFileSync(path.join(templatePath, '.env.example'));
fs.writeFileSync(path.join(appPath, '.env'), envConfig);
// Rename gitignore after the fact to prevent npm from renaming it to .npmignore
// See: https://github.com/npm/npm/issues/1862
try {
fs.moveSync(
path.join(appPath, 'gitignore'),
path.join(appPath, '.gitignore'),
[]
);
} catch (err) {
// Append if there's already a `.gitignore` file there
if (err.code === 'EEXIST') {
const data = fs.readFileSync(path.join(appPath, 'gitignore'));
fs.appendFileSync(path.join(appPath, '.gitignore'), data);
fs.unlinkSync(path.join(appPath, 'gitignore'));
} else {
throw err;
}
}
let command;
let args;
if (useYarn) {
command = 'yarnpkg';
args = [''];
} else {
command = 'npm';
args = ['install', verbose && '--verbose'].filter(e => e);
}
// Install additional template dependencies, if present
const templateDependenciesPath = path.join(
appPath,
'.template.dependencies.json'
);
if (fs.existsSync(templateDependenciesPath)) {
const templateDependencies = require(templateDependenciesPath).dependencies;
args = args.concat(
Object.keys(templateDependencies).map(key => {
return `${key}@${templateDependencies[key]}`;
})
);
fs.unlinkSync(templateDependenciesPath);
}
// Install react and react-dom for backward compatibility with old CRA cli
// which doesn't install react and react-dom along with tix-react-ssr
// or template is presetend (via --internal-testing-template)
console.log(`Installing react and react-dom using ${command}...`);
const proc = spawn.sync(command, args, { stdio: 'inherit' });
if (proc.status !== 0) {
console.error(`\`${command} ${args.join(' ')}\` failed`);
return;
}
if (tryGitInit(appPath)) {
console.log();
console.log('Initialized a git repository.');
}
// Display the most elegant way to cd.
// This needs to handle an undefined originalDirectory for
// backward compatibility with old global-cli's.
let cdpath;
if (originalDirectory && path.join(originalDirectory, appName) === appPath) {
cdpath = appName;
} else {
cdpath = appPath;
}
// Change displayed command to yarn instead of yarnpkg
const displayedCommand = useYarn ? 'yarn' : 'npm';
console.log();
console.log(`Success! Created ${appName} at ${appPath}`);
console.log('Inside that directory, you can run several commands:');
console.log();
console.log(chalk.cyan(` ${displayedCommand} start`));
console.log(' Starts the development server.');
console.log();
console.log(
chalk.cyan(` ${displayedCommand} ${useYarn ? '' : 'run '}build`)
);
console.log(' Bundles the app into static files for production.');
console.log();
console.log(chalk.cyan(` ${displayedCommand} test`));
console.log(' Starts the test runner.');
console.log();
console.log(
chalk.cyan(` ${displayedCommand} ${useYarn ? '' : 'run '}eject`)
);
console.log(
' Removes this tool and copies build dependencies, configuration files'
);
console.log(
' and scripts into the app directory. If you do this, you can’t go back!'
);
console.log();
console.log('We suggest that you begin by typing:');
console.log();
console.log(chalk.cyan(' cd'), cdpath);
console.log(` ${chalk.cyan(`${displayedCommand} start`)}`);
if (readmeExists) {
console.log();
console.log(
chalk.yellow(
'You had a `README.md` file, we renamed it to `README.old.md`'
)
);
}
console.log();
console.log('Happy hacking!');
};
function isReactInstalled(appPackage) {
const dependencies = appPackage.dependencies || {};
return (
typeof dependencies.react !== 'undefined' &&
typeof dependencies['react-dom'] !== 'undefined'
);
}