Update package version to fix m1 chip error

[alantoa]

Description

Hi, maintainers, I'm a front-end developer, looking at this document to learn web3, thank you very much for your resources！

I‘m trying to update the documentation to help with the translation work, when I run yarn get error logs:

> [email protected] install /Users/joshua/Projects/sharp
> (node install/libvips && node install/dll-copy && prebuild-install) || (node install/can-compile && node-gyp rebuild && node install/dll-copy)

sharp: Using existing vendored libvips v8.12.1
  TOUCH Release/obj.target/libvips-cpp.stamp
  CC(target) Release/obj.target/nothing/node_modules/node-addon-api/nothing.o
  LIBTOOL-STATIC Release/nothing.a
warning: /Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/bin/libtool: archive library: Release/nothing.a the table of contents is empty (no object file members in the library define global symbols)
  CXX(target) Release/obj.target/sharp-darwin-x64/src/common.o
../src/common.cc:24:10: fatal error: 'vips/vips8' file not found
#include <vips/vips8>
         ^~~~~~~~~~~~
1 error generated.
make: *** [Release/obj.target/sharp-darwin-x64/src/common.o] Error 1

Then I found the reason, sharp version must greater than v0.30.1 when use M1 chip.

Specific reason you can see lovell/sharp#3048, so I updated the package, and also upgraded the gatsby related packages.

Related Issue

lovell/sharp#3048
#3796

My system version

System: MacOS Monterey 12.2
Chip: Apple M1 Pro
Node: v16.14.0

[gatsby-cloud]

Gatsby Cloud Build Report

ethereum-org-website-dev

🎉 Your build was successful! See the Deploy preview here.

Build Details

View the build logs here.

🕐 Build time: 16m

Performance

Lighthouse report

Metric	Score
Performance	🔶 20
Accessibility	💚 97
Best Practices	💚 93
SEO	🔶 85

🔗 View full report

[wackerow]

Hey @alantoa, thanks for reporting! @samajammin @corwintines Are you folks getting any issues with the M1?

[wackerow]

Ah, nevermind, I see the issue now, can review tomorrow =)

[alantoa]

Thank you for work!

[corwintines]

@alantoa I am running this on a M1 chip with this current package settings, but I havent updated to Montery yet either. Will take a closer look today as I ran into this issue initially when setting up my macbook as well though.

[alantoa]

@corwintines Thank you!
I think this needs upgrade!

[pettinarip]

Since we probably need to upgrade the sharp package, I would suggest to:

1. Upgrade the necessary gatsby packages and remove the resolutions section (since it was a temp fix)

➜  ethereum-org-website git:(dev) yarn why sharp
...
=> Found "[email protected]"
info Reasons this module exists
   - "gatsby-plugin-manifest" depends on it
   - Hoisted from "gatsby-plugin-manifest#sharp"
   - Hoisted from "gatsby-plugin-sharp#sharp"
   - Hoisted from "gatsby-transformer-sharp#sharp"
   - Hoisted from "gatsby#gatsby-sharp#sharp"
...

2. Only upgrade the necessary gatsby packages. There are a couple of major upgrades here, lets not do that in the scope of this PR if we don't need them.

---

To be clear, lets try to update these first 3 packages (gatsby-plugin-manifest, gatsby-plugin-sharp and gatsby-transformer-sharp), remove resolutions and see if that works.

[alantoa]

Hi, @pettinarip, thank you for reply!
I changed it according to your method, it's work in M1 chip well down!
Now I submit a PR, If have any problem, I'll change it again.
Thank you!

[pettinarip]

Nice! thanks @alantoa! I would like to see if this worked fine for @corwintines as well. Lets wait his confirmation and then I'm ok to merge it 🚀

[alantoa]

Hi, @corwintines, excuse me, Is there any progress in this PR?
Because I also have to submit some docs PR, thank you!

[wackerow]

Curious if anyone else has encountered this issue with an M1. @samajammin have you encountered this at all. Are you running macOS Monterey?

@alantoa If you have some other docs and this solution is working for you locally, feel free to just push a separate PR with the doc changes specifically and we can take a look.

[pettinarip]

@alantoa I made a cleanup on the yarn.lock file since it had a lot of changes that were not needed (probably because you had installed/uninstalled other packages before) and I bumped the code gatsby version that has sharp as a dependency too.

Thanks for the help! 💪🏼

[pettinarip]

@all-contributors please add @alantoa for tool

[allcontributors]

@pettinarip

I've put up a pull request to add @alantoa! 🎉

[alantoa]

@pettinarip I'm very happy to be merged! 🚀
Thank you!💕