Skip to content
New issue

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

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

Already on GitHub? # to your account

Update frontend and site dependencies #4126

Merged
merged 2 commits into from
Mar 7, 2022

Conversation

trustin
Copy link
Member

@trustin trustin commented Feb 28, 2022

Modifications:

  • Updated most frontend and site dependencies to their latest versions,
    except those that need non-trivial migration:
    • MUI
    • Gatsby (Updated from v2 to v3, but not to v4)
  • Fixed all newly reported ESLint violations, except those that don't
    make much sense.
    • Updated the eslintrc.js accordingly.
  • Merged steps.module.less into antd-overrides.less because it
    doesn't contain any component-specific styles.
  • Worked around the problem where the CSS class names of Table of
    Contents contain a plus (+) sign, preventing tocbot from working
    correctly.
  • Updated gatsby-remark-draw-patched.js so it embeds the SVG images
    rather than writing to external files, because Gatsby doesn't handle
    them correcly anymore.
  • Forked the SVGBob rendering code from skyrta because svgbob command
    has been renamed to svgbob_cli some time ago.
  • Disabled license-webpack-plugin on Windows due to a known issue.

Result:

  • 0 vulnerability in docs-client
  • Less vulnerabilities in site
  • A contributor can build site from macOS on aarch64 (M1)

@codecov
Copy link

codecov bot commented Feb 28, 2022

Codecov Report

Merging #4126 (2a4e8f0) into master (73cc4ae) will decrease coverage by 0.00%.
The diff coverage is n/a.

Impacted file tree graph

@@             Coverage Diff              @@
##             master    #4126      +/-   ##
============================================
- Coverage     73.22%   73.22%   -0.01%     
+ Complexity    16137    16136       -1     
============================================
  Files          1405     1405              
  Lines         61673    61673              
  Branches       7766     7766              
============================================
- Hits          45161    45160       -1     
- Misses        12583    12590       +7     
+ Partials       3929     3923       -6     
Impacted Files Coverage Δ
...easy/ResteasyAsynchronousExecutionContextImpl.java 53.48% <0.00%> (-2.33%) ⬇️
...ria/common/stream/PublisherBasedStreamMessage.java 82.16% <0.00%> (-1.92%) ⬇️
.../com/linecorp/armeria/server/RoutingPredicate.java 70.96% <0.00%> (-1.62%) ⬇️
...armeria/client/HttpClientPipelineConfigurator.java 77.19% <0.00%> (-0.98%) ⬇️
...com/linecorp/armeria/client/RedirectingClient.java 71.75% <0.00%> (-0.93%) ⬇️
...ia/common/stream/ConcatPublisherStreamMessage.java 80.62% <0.00%> (-0.78%) ⬇️
...ia/internal/common/stream/ByteBufDecoderInput.java 84.89% <0.00%> (-0.72%) ⬇️
...inecorp/armeria/server/HttpResponseSubscriber.java 79.86% <0.00%> (ø)
.../linecorp/armeria/client/Http1ResponseDecoder.java 65.11% <0.00%> (+0.58%) ⬆️
...rmeria/internal/client/grpc/ArmeriaClientCall.java 80.89% <0.00%> (+0.81%) ⬆️
... and 4 more

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 1ce508f...2a4e8f0. Read the comment docs.

@minwoox
Copy link
Contributor

minwoox commented Feb 28, 2022

Oops, could you check the build failure in Windows OS?
https://github.com/line/armeria/runs/5356288534?check_suite_focus=true#step:6:344

"license-webpack-plugin": "^2.3.18",
"prettier": "^2.2.1",
"html-webpack-plugin": "^5.5.0",
"license-webpack-plugin": "^4.0.2",
Copy link
Contributor

Choose a reason for hiding this comment

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

The new license-webpack-plugin adds a warning layer on top of a page.
image
That might be an unintentional change. We can turn off the warning by setting stats.warning: false.
But I could not find a way to only turn off the warning on the screen.

Copy link
Member Author

Choose a reason for hiding this comment

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

I have no idea, either. What are we supposed to do, then?

Copy link
Contributor

@ikhoon ikhoon Mar 2, 2022

Choose a reason for hiding this comment

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

I found that it is not a breaking change in license-webpack-plugin.
It is a new feature of webpack-dev-server.
webpack/webpack-dev-server#3689 (comment)
We can remove the overlay with:

devServer: {
    client: {
        overlay: false 
        // OR 
        overlay: {
            warnings: false,
            errors: true
        }
    }
}

Copy link
Member Author

Choose a reason for hiding this comment

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

Nice find! Updated.

Copy link
Contributor

@jrhee17 jrhee17 left a comment

Choose a reason for hiding this comment

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

Thanks @trustin ! Looks good to me once @ikhoon 's comment is addressed 🙇 👍 🙇

trustin added 2 commits March 7, 2022 12:41
Modifications:

- Updated most frontend and site dependencies to their latest versions,
  except those that need non-trivial migration:
  - MUI
  - Gatsby (Updated from v2 to v3, but not to v4)
- Fixed all newly reported ESLint violations, except those that don't
  make much sense.
  - Updated the `eslintrc.js` accordingly.
- Merged `steps.module.less` into `antd-overrides.less` because it
  doesn't contain any component-specific styles.
- Worked around the problem where the CSS class names of Table of
  Contents contain a plus (+) sign, preventing `tocbot` from working
  correctly.
- Updated `gatsby-remark-draw-patched.js` so it embeds the SVG images
  rather than writing to an external file, because Gatsby doesn't handle
  them correcly anymore.
- Forked the SVGBob rendering code from skyrta because `svgbob` command
  has been renamed to `svgbob_cli` some time ago.

Result:

- 0 vulnerability in `docs-client`
- Less vulnerabilities in `site`
- A contributor can build `site` from macOS on aarch64 (M1)
@trustin trustin force-pushed the update_frontend_deps branch from d2d082d to 2a4e8f0 Compare March 7, 2022 04:52
@trustin
Copy link
Member Author

trustin commented Mar 7, 2022

Oops, could you check the build failure in Windows OS?
line/armeria/runs/5356288534?check_suite_focus=true#step:6:344

I set up the dev environment on Windows and it seems like there's a bug somewhere between Webpack and license-webpack-plugin. I disabled the plugin when running on Windows for now given that we never release on Windows.

@trustin trustin merged commit b7d3c1d into line:master Mar 7, 2022
@trustin trustin deleted the update_frontend_deps branch March 7, 2022 06:27
# for free to join this conversation on GitHub. Already have an account? # to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants