FE-348: Update Next to 12.2 and use SWC instead of Babel

[markerikson]

This PR:

• Adds the ability to run a bundle size analysis on our Next builds
• Updates Next to 12.2: https://nextjs.org/blog/next-12-2
  • Fixed a few new TS errors that popped up where some query params could be undefined apparently
• Updates our build config to use Next's built-in SWC support for compiling JS instead of Babel, and customizes the browserslist setting to continue targeting "chrome 95" instead of the default list of browsers

Per local build checks, I've confirmed that SWC + the default browsers adds about 40KB per bundle on top of Babel (where we have about 550KB as a baseline), but SWC + "chrome 95" drops 8KB. So, a very small win for bundle size.

Compile times in dev seem to drop from 40s for / and 26s for /recording, to 20s and 13s respectively.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
devtools	✅ Ready (Inspect)	Visit Preview	Jun 28, 2022 at 9:49PM (UTC)

[semgrep-app]

Untrusted user input in redirect() can result in Open Redirect vulnerability. (Lines 87-89)

_{⚪️ This finding does not block your pull request.
🙈 From ajinabraham.njsscan.open_redirect.express_open_redirect.}

[qa-wolf]

✅ QA Wolf - Deploy PR

Bubbles here: 8 tests ran, see details here.

✅ 8 passed

✅ Share replay via invite link: only people with access

✅ View and click events

✅ Log in and out

✅ Share replay via invite link: members of QAWolf :: Facebook

✅ View and search library

✅ View footer links: about

✅ User role unable to: access billing, view api keys, delete team, edit team name

✅ Share replay via invite link: members of Test team

[bvaughn]

👍🏼

[markerikson]

While not actually changes in the PR itself, I'm trying out some alternate settings with Vercel to see if I can get it to do a better job of caching Yarn's .yarn/cache folder and our root node_modules, by setting ENABLE_ROOT_PATH_BUILD_CACHE=1 as a Vercel env var, and changing the install command to be YARN_CACHE_FOLDER=./.next/cache/yarn-cache yarn install:

• Support Yarn 2 PnP vercel/vercel#4223 (reply in thread)
• Build caching not working vercel/community#222 (comment)

[markerikson]

Also: this PR does not update Jest to use SWC, or remove any of our Babel deps. We oughta try that later.

[markerikson]

Success!

Looking up build cache...
Build cache downloaded [445.98 MB]: 24700.046ms
Running "install" command: `YARN_CACHE_FOLDER=./.next/cache/yarn-cache yarn install`...
➤ YN0000: ┌ Resolution step
➤ YN0000: └ Completed in 0s 679ms
➤ YN0000: ┌ Fetch step
➤ YN0013: │ 2374 packages were already cached
➤ YN0000: └ Completed in 1s 541ms
➤ YN0000: ┌ Link step
➤ YN0000: └ Completed in 9s 533ms