Skip to content
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

Highlight production bundles in bold in the Danger integration comment #12054

Merged
merged 4 commits into from
Jan 19, 2018

Conversation

clairecliu
Copy link
Contributor

This PR modified Danger integration comment:

  • change the output so that production bundles are bold in the results
  • remove the red triangle on increase from the development bundles

address #[12043]

@facebook-github-bot
Copy link

Thank you for your pull request and welcome to our community. We require contributors to sign our Contributor License Agreement, and we don't seem to have you on file. In order for us to review and merge your code, please sign up at https://code.facebook.com/cla. If you are contributing on behalf of someone else (eg your employer), the individual CLA may not be sufficient and your employer may need the corporate CLA signed.

If you have received this in error or have any questions, please contact us at cla@fb.com. Thanks!

dangerfile.js Outdated
r.bundleType.includes('PROD')
? boldRow([
r.filename,
emojiPercent(r.prevFileSizeChange),
Copy link
Collaborator

Choose a reason for hiding this comment

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

We could change signature of this to addPercent(text, includeEmoji). Because we want percent sign in both cases. This lets us make the call unconditional, with different boolean values depending on the branch. Similarly, we could have boldRow accept a boolean.

Then you could do

const isProd = r.bundleType.includes('PROD');
return setBoldness([
  r.filename,
  addPercent(r.prevFileSizeChange, isProd),
  // ...
], isProd);

and not duplicate the column list twice.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Thanks. I have revised the codes per your comments.

@facebook-github-bot
Copy link

Thank you for signing our Contributor License Agreement. We can now accept your code for this (and any) Facebook open source project. Thanks!

dangerfile.js Outdated
return `${change}%`;
}
}

function boldRow(row) {
return row.map(element => `**${element}**`);
function setBoldness(row, isProd) {
Copy link
Collaborator

Choose a reason for hiding this comment

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

Nit: this could be called isBold because this particular function cares about the formatting rather than when we make it bold

@gaearon
Copy link
Collaborator

gaearon commented Jan 19, 2018

How can we test and verify this works?

@gaearon
Copy link
Collaborator

gaearon commented Jan 19, 2018

I think this looks good. Let's give it a try. Thanks!

@clairecliu
Copy link
Contributor Author

Based on what I can gather from Orta's comments, yarn danger pr https://github.com/facebook/react/pull/# will output the results into the terminal (which seems to be working). I couldn't find any existing tests for the danger.js file. Really appreciate if you can point me to the correct direction. Thanks!

@gaearon
Copy link
Collaborator

gaearon commented Jan 19, 2018

That sounds good to me, thanks. If something's wrong we'll see it anyway. 👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants