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.54.0 RC 2 Released

    Improvements Data is updated when the browser window is focused > As a default, the Web Interface Builder now always refetches the relevant data when the browser window is focused. If, for example, you leave the application and return later, the Interface Builder automatically requests the latest...

    Read more
  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.52.1 RC 1 and 1.53.1 RC 1 Released

    Bugfix Release String attribute values are now escaped correctly > There was an issue where string attribute values were rendered without proper escaping, causing the browser to interpret them as HTML markup instead of displaying them as plain text. This issue has now been fixed. We apologize for...

    Read more

  • Introducing Notifications in the Editorial Cycle

    Latest updates to edit.scrivito.com

    If, in your organization or company, content is created and maintained in teams, the Interface Builder’s workflows are an excellent tool for managing the editorial cycle – from authoring through copyediting and reviewing to publishing. With the latest update, editors who want to see their working...

    Read more
  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.53.0 Released

    Improvements Smarter page links Scrivito Web Interface Builder now generates cleaner and easier to grasp URLs for page links. The updated slug generation supports a wider range of international scripts and Unicode characters, adheres to modern latinization standards, including ISO 843, ISO/R 9...

    Read more
  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.52.0 Released

    Improvements Filled-in data placeholders in “Changes” mode Data placeholders are now replaced with the actual data in “Changes” mode as well, not just in “Preview” and “Edit” mode. Added support for the "ref" prop The WidgetTag, ContentTag, LinkTag, ChildListTag, and ImageTag components now...

    Read more
  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.50.1 and 1.51.1 Released

    Bugfix Releases An issue has been fixed that prevented link queries from being appended when used in a Scrivito.LinkTag component. Furthermore, an issue that prevented navigateTo from properly navigating when provided with an external Link has been fixed. We apologize for any inconvenience these...

    Read more
  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.51.0 Released

    Improvements WYSIWYG abbreviation support To meet the highest accessibility standards (WCAG AAA), abbreviations and acronyms need to be clearly recognizable for all readers. Editors can now mark up abbreviations directly in the content using the new “Abbreviation” button in the text toolbar. With...

    Read more
  • 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