Check out the upgrade guide on the forums: https://community.redwoodjs.com/t/redwood-v4-0-0-rc-is-now-available/4412.

Changelog

Breaking

Decoupled auth

• Decouple auth #5985 by @Tobbe
• chore: run lint fix post merge #5985 #6691 by @jtoar
• chore: remove private field on new packages package.json #6692 by @jtoar
• chore: make misc change to trigger canary publishing #6695 by @jtoar
• Netlify: Enable auth-providers-api and auth-providers-web installation #6697 by @Tobbe
• fix(dbAuth): add required packages to setup command #6698 by @jtoar
• Fix decouple auth related type errors #6709 by @Tobbe
• Update the Clerk setup script and templates #6710 by @Tobbe
• Auth: Update firebase setup script #6716 by @Tobbe
• Add auth decoder to clerk auth setup #6718 by @Tobbe
• Clerk: Simplify web implementation #6713 by @Tobbe
• supabase auth setup: Add missing rw packages #6743 by @Tobbe
• Missing packages for Ethereum auth setup #6740 by @Tobbe
• supertokens setup auth: Add missing RW packages #6744 by @Tobbe
• Add missing packages to magicLink setup #6741 by @Tobbe
• nhost auth setup: Add missing packages #6742 by @Tobbe
• Auth0 setup: Install correct packages #6734 by @Tobbe
• Setup auth: Update goTrue #6733 by @Tobbe
• Azure setup auth: Install and import all needed packages #6736 by @Tobbe
• Okta: Add packages to setup script #6732 by @Tobbe
• Update auth setup warning message #6746 by @Tobbe
• Fix auth0 decoder import #6764 by @Tobbe
• Fix dbAuth webAuthn template (redundant type import) #6769 by @Tobbe
• Custom auth: Fix comment in template #6804 by @Tobbe
• [Fix]: Add back webAuthn export path #6903 by @jtoar
• auth0 and netlify auth packages #6922 by @Tobbe
• azure auth package #6982 by @Tobbe
• Custom auth package #6984 by @Tobbe
• Remove api db auth global #6968 by @Tobbe
• Custom auth should not have api package #6986 by @Tobbe
• Use auth provider specific packages #6985 by @Tobbe
• fix(cli): Handle importing optional setup auth commands #6997 by @jtoar
• auth-firebase-* #6987 by @Tobbe
• chore(auth): move auth providers into separate packages #7019 by @jtoar
• fix: auth provider names in setup auth #7038 by @jtoar
• Fix typo in dbauth setup package name #7040 by @Tobbe
• Fix webAuthn import path in setup template #7041 by @Tobbe
• Setup auth: No return on missing modules #7049 by @Tobbe
• fix: dedupe redwoodjs packages #7050 by @jtoar
• Include dbAuth setup in test project fixture check #7036 by @Tobbe
• Use canary packages for auth in the test project #7052 by @Tobbe
• dbAuth: No more process.env.RWJS_API_DBAUTH_URL #7032 by @Tobbe
• fix: add missing deps to cli helpers #7117 by @jtoar
• dbAuthClient #7111 by @Tobbe
• Rebuild test-project fixture #7123 by @Tobbe
• Codemod to include full-name in test-project signup #7124 by @Tobbe
• Rename create auth functions #7137 by @jtoar
• chore: update test project fixture dbauth packages #7139 by @jtoar
• Remove deprecated auth providers #7138 by @jtoar
• fix(setup): list @redwoodjs/cli-helpers as dependency to @redwoodjs/cli #7141 by @jtoar
• Firebase Auth: Pin firebase-admin version in setup script #7122 by @Tobbe
• chore: remove unnecessary @redwoodjs/api dependencies #7153 by @jtoar
• cli: Add missing dep crypto-js #7190 by @Tobbe
• fix: typo in clerk auth decoder import #7219 by @jtoar
• fix: update packages in supabase setup #7220 by @jtoar
• fix(smoke test): add babel resolution for storybook #7250 by @jtoar
• Decoupled auth setup: install handlers automatically #7146 by @jtoar
• Fix how the setup auth command checks for published versions #7256 by @jtoar
• chore: try reverting babel resolution for storybook in test project fixture #7257 by @jtoar
• Decoupling auth polishes #7258 by @jtoar
• chore: remove experimental warning in setup auth #7262 by @jtoar

Node.js 16 and 18

• feat: bump node.js to 16, 18 #7183 by @jtoar

NavLink

• NavLink not highlighting when on sub pages #6939 by @razzeee

  The <NavLink> component takes a new prop, matchSubPaths, that makes it apply the class in the activeClassName prop to matching sub-paths:

  <NavLink activeClassName="activeTest" matchSubPaths to="/users">
    Users
  </NavLink>

  For example, if you have a NavLink to /users and set matchSubPaths, if the user navigates to /users/2, the activeClassName still applies. The useMatch hook takes the same parameter.

  The breaking part: the matchPath function, which is what this component uses under the hood, is no longer exported from @redwoodjs/router. If you’re using it, we recommend you use the useMatch hook instead. If useMatch doesn’t cover what you were using matchPath for, please let us know.

Docs

• Update firebase auth docs #6717 by @Tobbe
• Update Clerk docs #6712 by @Tobbe
• Update Netlify auth docs #6748 by @Tobbe
• feat: update auth docs in preparation for v4 #7229 by @jtoar

Dependencies