Scrivito JS SDK 1.3.0 Is Available

Major improvements

Tour for beginners

Scrivito now includes a tour, which introduces the main editing controls to users who are new to Scrivito. After opening the Example App from within the dashboard, the tour starts automatically, but it can also be started using the “Start tour” item in the page menu.

Content Browser lets you open the selected object

After selecting a page or a binary object (e.g. an image) in the Content Browser, a button for conveniently opening it is now available. The object is opened in a new tab.

Widgetlist rendering now supports passing props

When rendering a widgetlist using a Scrivito.ContentTag component, it is now possible to pass props to the individual widgets via a special prop named widgetProps. This comes in especially handy when rendering tightly coupled widgets. Please see the API documentation for details and usage examples.

In-memory tenant for isolating tests from the CMS

A Scrivito-based app can now use an in-memory CMS tenant, meaning that the app can be executed without being connected to a Scrivito CMS. This is handy for running tests that create and access content you don't want to show up on your actual website. Furthermore, no network connection is required for creating, accessing or updating content. The in-memory tenant can be activated via Scrivito.configure().

Scrivito.BackgroundImageTag supports setting background properties

The Scrivito.BackgroundImageTag component now supports providing additional background properties like attachment, position and color. Previously, the values of these properties were fixed.

New API for easily uploading files

The Scrivito JS SDK now provides an easy-to-use method for uploading a file in the process of creating a binary object: Obj.createFromFile. The details can be found in the API documentation.

Further improvements

Fetching the first search result made easier

An ObjSearch instance represents the search results determined by a call to Obj.where() or Obj.all(). The new ObjSearch#first() method lets you fetch the first CMS object from the result set without having to check its size.

Improved pre-rendering support

Scrivito now supports pre-rendering proper canonical URLs for pages. For this, the “protocol://host:port” part (the origin) of the URL returned by Scrivito.urlFor() can now be configured using the new origin key in the options parameter of Scrivito.configure(). Previously, always window.location.origin was used, which is the default now.

Improved UI speed

Due to optimized rerendering, especially when editing text, the user interface is now even more responsive.

Rendering markup programmatically

The new Scrivito.renderPage method renders the markup of a page. It can be used in conjunction with pre-rendering and similar tasks in which the markup of a page needs to generated.

Minimum required React version

Starting at version 1.3.0, ScrivitoJS requires React 16.4.0 or above.

Bugfixes

In rare cases, the contentType, contentLength, contentUrl and metadata instance methods of an Obj could return undocumented results. Now, all of these methods return reasonable values in all cases. Also, Obj#get, Widget#get and MetadataCollection#get now return null instead of undefined if a value is not defined.

More great blog posts from Andreas Viebke

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.59.1 RC 1 Released

    Bugfix Release Fixed compatibility issue with React 18 > A compatibility issue that could cause a runtime error in applications using React 18 has been fixed. We apologize for any inconvenience this issue may have caused! Thank you for using Scrivito!

  • Scrivito for Rails SDK 1.20.0 RC 1 has been released

    Added support for Ruby on Rails 8.1 The Scrivito for Rails SDK now supports Ruby on Rails 8.1. It requires Ruby 3.2 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...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.59.0 Released

    Improvements Anonymous data classes > If your application needs to load and cache (and maybe even create, update or delete) some internal backend data not be exposed to editors or high-level developers, you can now provide nameless data classes. > If no name is passed to provideDataClass, the...

  • Team Notifications in the Editorial Cycle

    Latest updates to edit.scrivito.com

    We recently announced email notifications in the editorial cycle, but these could only be addressed to individual reviewers, not teams. From now on, you can still request a publish from individual users, but alternatively or additionally from entire teams. For this, the “request publication”...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.58.0 Released

    Improvements Using Scrivito extensions for rendering individual properties > For extended customizability, individual attributes specified via the properties option in the editing configuration of an object class (for having them shown on the “General” tab) can now be rendered by a Scrivito...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.57.0 Released

    Improvements Widgets being edited in the sidebar are highlighted Opening the sidebar for editing a widget’s properties now highlights the selected widget. This makes it easier to identify the widget you are currently working on. Dimension picker for string values For string attribute values the...

  • What's New: Intelligent Image Analysis

    Latest updates to edit.scrivito.com

    Intelligent Image Analysis Available now for AI integration customers Managing digital assets has never been easier. Today, we’re excited to announce the launch of AI-powered image tagging in JustRelate’s Web Builder – a game-changing feature that automatically analyzes your images and generates...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.56.0 Released

    Improvements Localized “Click to edit” placeholder The “Click to edit” placeholder is now displayed in the editor’s selected language. Color picker supports transparency The color picker editor now lets editors choose transparent and semi-transparent colors directly in the Web Builder, making it...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.55.0 Released

    Improvements Color picker for string values representing a color > As a developer, you can now offer a color picker for string values representing a color to editors. Picking a color graphically directly via the Web Builder’s user interface is a lot more convenient than having to switch tools for...

  • Scrivito Enterprise CMS - Product Illustration

    Scrivito JS SDK 1.54.1 Released

    Bugfix Release Fixed TypeScript errors > This release fixes TypeScript errors related to the InPlaceEditAsPageContent component, ensuring proper typing and a better development experience. We apologize for any inconvenience this issue may have caused! Thank you again for using Scrivito!