Changes

This document highlights the most important fixes, improvements, and features, that were introduced in Webiny 5.6.0.

Headless CMS

The Reference Field Can Now Reference Different Content Models (#1572)

A feature that has been frequently requested is finally here!

Within a single reference field, you can now reference content entries that are created of multiple different content models.

For example, here we are adding the Published Work reference field to the existing Author content model. Notice how we’ve picked not one, but three different content models in the Content Models field: Book, Video, and Music.

Reference Field - Adding Multiple Different Content Models

(click to enlarge)

This means that, while managing authors, users will be able to select multiple book, video, and music entries, all referenced via the single Published Work reference field.

Added Ability to Change Content Model Group (#1591)

Upon creating a content model, users are required to select a content model group, into which their new content model will be put. But, if later down the road, users decided to change the group, they wouldn’t be able to do it via user interface.

To address this issue, in the Headless CMS content model editor, a new form field was added to the settings section, allowing us to change the group if needed.

Changing Content Model Groups

(click to enlarge)

Page Builder

Added Visibility Element Setting in the Editor(#1579)

Now, you can set the visibility of an element using the Visibility setting in the page editor sidebar.

Webiny Page Builder visibility element setting

(click to enlarge)

Added Navigator in the Editor(#1579)

Quickly see the hierarchy structure of the page in a tree view. You can also:

• reorder block by drag and drop
• select and unhide elements that are set hidden previously
• quickly jump between elements

Webiny Page Builder navigator demo

(click to enlarge)

Webiny CLI

Improved Watch Command With Brand NewbrowserOutput (#1573)

In our previous release, we released the brand new webiny watch command. But, we didn’t stop there, so today, we’re happy to introduce its first improvement.

Upon running the webiny watch command, by simply appending the --browser output argument, you can now have all of the build, deploy, and logs output displayed in your browser.

The following video shows the new improvement in action:

Webiny Watch Command - Browser Output

(click to enlarge)

Comparing this to the original terminal output, we can immediately see that here we have a lot more options when it comes to building the actual user interface. Features like scrolling, resizing of panes, and others, are simply not possible to implement in your regular terminal.

This also gives us ability to maybe add more features in the future, if our community will show interest.

File Manager

Fixed Uploading Files With Less Standard Extensions(#1577)

When in File Manager, uploading files with a less standard file extension would fail. This is no longer the case.

Other

Added Tags for Remaining Cloud Infrastructure Resources (#1585)

In one of our previous releases, we added tagging of cloud infrastructure resources. In other words, all resources that are deployed to your AWS account are tagged with WbyProjectName and WbyEnvironment tags, which makes it easier to later find everything that’s deployed by Webiny, in your AWS Management Console.

But, this was done for the API project application’s cloud infrastructure resources only. The remaining Admin Area and Website applications were still deploying resources without tagging anything.

So, from now on, you can expect all of the project applications (meaning all cloud infrastructure resources) to apply tags, so you get a complete picture.

Migrating Config Files to TypeScript (#1584)

For a very long time, our wish was to have Webiny projects be 100% TypeScript. And while that was to a large degree true, there were still a couple of pieces missing.

So, with this release, we migrated all of the different JavaScript configuration files to TypeScript. These include:

• webiny.project.ts - located in your project root
• webiny.application.ts - located within project application folders (e.g. api/webiny.application.ts)
• webiny.config.ts - located within all packages in your Webiny project

Note that the existing JavaScript configuration files will still work. You’re not forced to migrate if you don’t want to or it’s not that important.