Scrivito JS SDK 1.30.0 Released – Featuring Layout Components

Andreas Viebke, andreas.viebke@justrelate.comPosted on
javascriptscrivito sdkrelease
BETA

Introducing layout components, optionally with editable content

You can now implement page-type-specific layout components and optionally have them render attributes for editor-defined content. If such layouts are present for a page that is part of the page hierarchy, the layout components of the ancestor pages are rendered as well, meaning that you can have nested layouts.

The layout components can be defined using the new Scrivito.provideLayoutComponent API method. They are rendered by Scrivito.CurrentPage in a top-down manner starting at the homepage, enabling you to include elements like navigations that take account of the type or hierarchy level of the current page. For example, if you have a homepage, a news overview page and news article pages (/news/article*) and have defined layout components for all of these page types, displaying an article page via Scrivito.CurrentPage would cause the layout component of the homepage (top-level navigation), of the news overview page (article navigation), and of the article page itself to be rendered, plus, finally, the article’s content.

This new API is in beta and may be renamed or adjusted, should this become necessary.

React 18 compatibility

The Scrivito SDK now supports React 17 and React 18. As a result, the latest SDK version that supports React 16 is 1.29.0.

If your Scrivito app currently uses React 17, upgrading to React 18 is optional and straightforward. React 18 is fully compatible with React 17, and the new features can be used when needed.

If you are still on React 16, we recommend upgrading to React 17 first. This makes it easier to identify dependencies that are no longer maintained and need to be replaced with alternative packages. Also, some libraries are still working on React 18 support.

The new Scrivito.Extensions component integrates extensions with React’s new root API.

Without Scrivito.Extensions, developers will see a “ReactDOM.render is no longer supported” warning message when a custom component or dialog is shown.

Further improvements and other changes

  • Finding changed content more easily

    For conveniently finding pieces of content that have been changed in a working copy, the changes dialog now features a search, similar to the corresponding sidebar.

  • Improved editing interface performance with search-based validations

    While content is being edited, validations can have a great impact on the performance of the editing interface, especially if they are based on searches. To speed things up, the results of search-based validations are now cached, causing the editing interface to retain its responsiveness.

  • APIs for checking if a page is the current page or one of its ancestors

    When working with navigation elements, inspecting search results, etc., two new API methods may come in handy, Scrivito.isCurrentPage and Scrivito.isOnCurrentPath. Both methods expect a page object to be passed in.

  • Dropped support for Microsoft Internet Explorer 11 and JavaScript ES5

    From version 1.30.0, the Scrivito SDK no longer supports Microsoft IE 11 and JavaScript ES5.

  • Fixed bugs

    • With multi-site setups, searches on the changes sidebar panel are now applied to all sites, not just to the current site.
    • It is now possible again to publish a working copy in which a permalink was moved to a different page.
    • The context menu of the hierarchy elements and the changes at the bottom of the sidebar are now easily and fully accessible.
    • A glitch in the sidebar, which caused some buttons to overlap on small screens, has been fixed.
    • The TypeScript definition for Scrivito.ImageTag now correctly reflects the option to use a widget for the content prop.

Thank you for using Scrivito!

More great blog posts from Andreas Viebke

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.50.0 Released 🎉

    Celebrating Scrivito’s 50th update! 🔥 We’re thrilled to announce our 50th update to Scrivito Interface Builder! We couldn’t have achieved this without your continued support and feedback. From the introduction of ReactJS integration in version 1.0 seven years ago to the latest enhancements in our...

    Read more

  • Scrivito for Rails SDK 1.19.0 Released

    Added support for Ruby on Rails 7.2 The Scrivito for Rails SDK now supports Ruby on Rails 7.2. It requires Ruby 3.1 or later. Earlier Rails versions are no longer supported by Scrivito. For instructions and details on updating your application to Rails 7.2, see: Ruby on Rails Guides – Upgrading...

    Read more
  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.49.1 Released

    Bugfix Release Editing interface issue with ImageTag An issue where using ImageTag with the loading="lazy" attribute could prevent image selection has been resolved. Adding an image widget without a preselected image now displays the clickable placeholder again. We apologize for any inconvenience...

    Read more
  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.49.0 Released

    Interface Builder improvements Layout editing mode This new editing mode separates content editing from layout adjustments. In content editing mode, layout elements can only be viewed. To modify them, simply switch to layout editing mode. This clear distinction between content and layout...

    Read more

  • Introducing Sophisticated Page Access Control

    Latest updates to edit.scrivito.com

    Tailoring page visibility to teams and visitor groups With Scrivito Web Interface Builder, editors have visibility categories available to restrict who can access which pages. As an editor who has been granted permission to manage custom visibility categories, you can now create such categories...

    Read more
  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.48.1 Released

    This is a bugfix release. Fixed bugs Binary upload API is less strict again Regarding undefined option values, the Binary.upload API method now works as it did prior to version 1.48.0 of the JS SDK. Such undefined values no longer produce an error. We apologize for any inconvenience this may have...

    Read more
  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.48.0 Released

    Interface Builder improvements Retrieving data classes by their name A new API method, Scrivito.getDataClass , has been added as a native method for retrieving data classes by their name, obviating the need for custom lookup code. This method complements Scrivito.getClass for accessing object and...

    Read more
  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.47.0 Released

    Interface Builder improvements Filtering dates and numbers The filtering options of the data editor have been extended. You can now filter dates and numbers using the following operators: gt (greater than), lt (less than), gte (greater than or equal to), and lte (less than or equal to). These new...

    Read more
  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.46.0 Released

    Interface Builder improvements Using attributes of the current page context Attributes of the current page and its ancestors are now available to editors as placeholders and as a data source (datalocator). Note that only attributes of the string type that are also included as attributes in the...

    Read more
  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.45.0 Released

    Interface Builder Supports Further Attribute Types for Filtering

    Interface Builder improvements Filtering data by enum, boolean, date, and number attributes The Interface Builder’s data editor now also lets you filter data by attributes of the enum , boolean , date , and number types. This makes it much more convenient and intuitive to select and present data...

    Read more