What you’ll learn
  • how to upgrade Webiny from 5.5.0 to 5.6.0

Before continuing, make sure to take the necessary precautions, listed in the Overview section.

Make sure to check out the 5.6.0 changelog to get familiar with all the changes introduced in this release.

Upgrade Webiny Packages
anchor

The first step is to upgrade all @webiny/* packages, which can be done by running the following command in the root of your project:

Once the upgrade has finished, running the yarn webiny --version command in your terminal should return 5.6.0.

Upgrade Page Builder Plugins
anchor

Add Navigator Plugin
anchor

In your apps/admin/code/src/plugins/pageBuilder/editorPlugins.tsexternal link file, add the navigator toolbar plugin after addElement plugin as shown below:

apps/admin/code/src/plugins/pageBuilder/editorPlugins.ts

Add Visibility Element Settings Plugin
anchor

To start using the Visibility element Settings, you need to make the following changes:

  1. In your apps/admin/code/src/plugins/pageBuilder/editorPlugins.tsexternal link file, add the visibility element settings editor plugin as shown below:

    apps/admin/code/src/plugins/pageBuilder/editorPlugins.ts
  2. In your apps/admin/code/src/plugins/pageBuilder/renderPlugins.tsexternal link file, add the visibility element settings render plugin as shown below:

    apps/admin/code/src/plugins/pageBuilder/renderPlugins.ts
  3. In your apps/website/code/src/plugins/pageBuilder.tsexternal link file, add the visibility element settings render plugin as shown below:

    apps/website/code/src/plugins/pageBuilder.ts

Upgrade Page Builder Theme Typography Styles
anchor

In your apps/theme/pageBuilder/styles/elements/typography.scssexternal link file, add the following code: