Skip to content

Update packages appropriately for Webpack v1 compatibility #34

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Feb 24, 2018
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 14 additions & 0 deletions __tests__/__snapshots__/packageData.test.js.snap
Original file line number Diff line number Diff line change
Expand Up @@ -245,3 +245,17 @@ Object {
"rollup-plugin-babel": "^4.0.0-beta.2",
}
`;

exports[`webpack v1 compatibility 1`] = `
Object {
"devDependencies": Object {
"@babel/core": "7.0.0-beta.39",
"@babel/plugin-proposal-object-rest-spread": "7.0.0-beta.39",
"@babel/preset-env": "7.0.0-beta.39",
"babel-core": "^7.0.0-bridge.0",
"babel-loader": "7.1.1",
"webpack": "^1.15.0",
},
"name": "webpack-v1-compatibility",
}
`;
5 changes: 5 additions & 0 deletions __tests__/packageData.test.js
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@ const upgradeDeps = require('../src/upgradeDeps');
const babelCoreFixture = require('../fixtures/babel-core');
const jestFixture = require('../fixtures/jest');
const depsFixture = require('../fixtures/deps');
const webpackV1Fixture = require('../fixtures/webpack-v1');
const depsFixtureEarlierBeta = require('../fixtures/deps-earlier-beta.json');
const scriptsMochaFixture = require('../fixtures/scripts-mocha');
const scriptsBabelNodeFixture = require('../fixtures/scripts-babel-node');
Expand Down Expand Up @@ -69,3 +70,7 @@ test('@babel/core peerDep', async () => {
test('jest babel-core bridge', async () => {
expect(await updatePackageJSON(jestFixture)).toMatchSnapshot();
});

test('webpack v1 compatibility', async () => {
expect(await updatePackageJSON(webpackV1Fixture)).toMatchSnapshot();
});
9 changes: 9 additions & 0 deletions fixtures/webpack-v1.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
{
"name": "webpack-v1-compatibility",
"devDependencies": {
"babel-loader": "^7.1.2",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ah I was confused why it should be 7.1.1 but I guess there's an issue?

"babel-plugin-transform-object-rest-spread": "^6.20.2",
"babel-preset-es2015": "^6.18.0",
"webpack": "^1.15.0"
}
}
13 changes: 2 additions & 11 deletions src/index.js
Original file line number Diff line number Diff line change
Expand Up @@ -64,20 +64,11 @@ async function updatePackageJSON(pkg) {
};

if (pkg.devDependencies) {
pkg.devDependencies = upgradeDeps(
pkg.devDependencies = sortKeys(upgradeDeps(
pkg.devDependencies,
getLatestVersion(),
upgradeDepOptions,
);

const devDeps = Object.keys(pkg.devDependencies);
// use babel-bridge for jest
// maybe should do this for other tools?
if (devDeps.includes("jest") && !devDeps.includes("babel-core")) {
pkg.devDependencies["babel-core"] = "^7.0.0-bridge.0";
}

pkg.devDependencies = sortKeys(pkg.devDependencies);
));
}

if (pkg.dependencies) {
Expand Down
25 changes: 22 additions & 3 deletions src/upgradeDeps.js
Original file line number Diff line number Diff line change
Expand Up @@ -7,8 +7,6 @@ const otherPackages = {
};

module.exports = function upgradeDeps(dependencies, version, options = {}) {
const { hasFlow } = options;

for (let pkg of Object.keys(dependencies)) {
const depVersion = dependencies[pkg];
if (Object.keys(oldPackages).includes(pkg)) {
Expand Down Expand Up @@ -53,11 +51,32 @@ module.exports = function upgradeDeps(dependencies, version, options = {}) {
dependencies['@babel/core'] = version;
}

const webpack = semver.coerce(dependencies.webpack);
const depsWebpack1 = webpack && webpack.major === 1;

// Adds preset-flow if needed, especially since it was split out of
// preset-react
if (hasFlow && !dependencies['@babel/preset-flow']) {
if (options.hasFlow && !dependencies['@babel/preset-flow']) {
dependencies['@babel/preset-flow'] = version;
}

// Later versions of babel-loader are incompatible with Webpack v1.
// https://github.com/babel/babel-loader/issues/505
if (depsWebpack1 && dependencies['babel-loader']) {
console.log('Updating babel-loader to v7.1.1 as this project uses Webpack v1');
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Maybe we should say, please update webpack if you can 😄 https://webpack.js.org/guides/migrating/? don't have to

dependencies['babel-loader'] = '7.1.1';
}

// babel-bridge is needed for Jest, or for when a project is using Webpack v1
// and babel-loader.
// https://github.com/babel/babel-upgrade/issues/29
// https://github.com/babel/babel-loader/issues/505
if (
(dependencies['jest'] || (depsWebpack1 && dependencies['babel-loader'])) &&
!dependencies['babel-core']
) {
dependencies['babel-core'] = '^7.0.0-bridge.0';
}

return dependencies;
}