vaadin/platform 24.5.0.beta1

Vaadin 24.5.0.beta1

on GitHub

Upgrading · Docs · Get Started

New and Noteworthy Since Vaadin 24.4

Flow

• Automatic Flow main layouts
  Docs

  Vaadin Flow automatically adds the Flow routes to the router layout that is marked with AtLayout new annotation.

• Flow components as children for React-based component
  Docs

  Allows having Flow Components as children in a ReactAdapterComponent (Flow wrapper for React component).

• HotSwap improvements
  Provides a single endpoint for hotswap tools that internally chooses the best strategy of UI update - full page reload or UI component reload.

• Record support in Binder
  Provides an API to use Java Records as bean types for read-only beans in Binder.

More details and changes can be found from Flow 24.5.0.beta1 release note

Hilla

• TypeScript Generation Enhancements

  • Support for using generic Java entity types in TypeScript was added.
  • Hilla TypeScript generator has received support for Jackson's @JsonValue / @JsonCreator Java annotations, which together provide support for Java domain primitives.
  • JsonNode type and its subclasses, which allows sending and receiving raw JSON data with Hilla browser callable endpoints.

• Using Arrays in React Forms

  • New useFormArrayPart hook in the Hilla React form library provides form binding support for repeated parts with array data.

• Flow Layout Support

  • The Hilla file-system router applies layouts defined with Flow, including the main layout.

• Experimental Full-Stack Signals

  • Adds limited support for browser callable services that return a signal shared between the client and the server. Only Number and arbitrary JSON value data types are supported. Note that this feature is experimental and not yet ready for production use.

Design System

• Grid

  • A way to provide a message or other custom content in the Grid when there is no data to display. (This could be either because the data set is empty, or because the currently applied filters omit all the available data.)
  • Demo and usages can be found from here

• MenuBar

  • Optional drop-down indicators on menubar buttons with dropdowns
  • Demo and usages can be found from here

• Popover (new component)

  • A generic component for creating popovers positioned to an anchor element.
  • Demos and usages can be found from here

• RichTextEditor

  • Text and background color pickers added to RTE toolbar. The default color options can be customized.
  • Demo and usages can be found from here

• Select

  • By default, the overlay of the Select component is rendered over the field itself. The overlay can be configured to render below the field instead.
  • Demo and usages can be found from here

• Spreadsheet

  • Added Lumo styling implementation for Spreadsheet component, so that it uses the same color, font, etc styles as other components.

More changes in DS 24.5.0.beta1 can be found from Web Components 24.5.0.beta1 and Flow Components 24.5.0.beta1

Vaadin Copilot

• Flow Support
  Copilot now supports modifying Java / Flow code

• Figma Import
  You can copy your design from Figma and paste it into your Hilla or Flow view to create the same component tree and layout as in Figma. In Figma, you should use the components from the Vaadin Design System for Figma.

• Internationalization
  Make your UI ready for localization by generating translation keys for text elements.

• Documentation
  Check documentation about selected component directly from Copilot.

• Info
  Application information. Includes guide on how to enable HotSwap.

• Ui Test Generation
  Generate Playwright tests for the current view. This feature creates .java classes for Flow views and .spec.ts files for Hilla. It also sets up the necessary dependencies and build configurations required to run the tests.

• Ui Services
  List of Hilla services with security configuration.

• Development Workflow
  Helps developer to improve experience while working with Vaadin applications by checking if Vaadin plugin for IntelliJ is installed and HotSwap is enabled providing useful hints.

• Experimental Flags
  Flow support and Internationalization are no longer considered experimental features.

Learn more at https://vaadin.com/copilot

Vaadin Control Center

Control Center is a specialized tool designed to simplify the management of Vaadin applications on Kubernetes clusters. It provides developers and administrators with an efficient solution to deploy, scale, and manage Vaadin applications, effectively. It allows you to focus on development, rather than infrastructure complexities.

Learn more at https://vaadin.com/docs/latest/control-center

Collaboration Kit

Since Vaadin 24.5, Collaboration Kit will follow Apache 2.0 license.
Learn more at https://vaadin.com/docs/latest/tools/collaboration

Feature Pack

Feature Pack is a part of the Modernization Toolkit. It’s a collection of classes and components that isolates useful features from popular developer frameworks, and reproduce them in Vaadin Flow. The scope of Feature Pack was originally limited to Vaadin 7 and 8 features. It now also includes Swing, AWT and select features from JGoodies and NetBeans.

• Details about Feature Pakcage can be found from here

This is a pre-release for the Vaadin 24.5. We appreciate if you give it a try and report any issues you notice. To use this release, you'll need to have following repositories declared in your project (Vaadin pre-releases are not pushed to Maven central) :

<repositories>
    <repository>
        <id>vaadin-prereleases</id>
        <url>
            https://maven.vaadin.com/vaadin-prereleases/
        </url>
    </repository>
</repositories>

<pluginRepositories>
    <pluginRepository>
        <id>vaadin-prereleases</id>
        <url>
            https://maven.vaadin.com/vaadin-prereleases/
        </url>
    </pluginRepository>
</pluginRepositories>

Changelogs

• Flow (24.5.0.beta1) and Hilla (24.5.0.beta1)
• Design System
  • Web Components (24.5.0-beta1)
  • Flow Components (24.5.0.beta1)
• Designer (Release notes)
• Design System Publisher (Documentation)
• TestBench (9.3.4)
• Classic Components(24.2.1)
• Feature Pack(24.5.0.beta1)
• Multiplatform Runtime (MPR) (7.0.10)
• Router (1.7.5)
• Vaadin Kits
  • AppSec Kit (3.2.3)
  • Azure Kit (1.0.0)
  • Collaboration Engine (6.3.0.beta1)
  • Copilot (24.5.0.beta1) with Ui-Tests-Generator 1.0.0.beta1
  • Kubernetes Kit (2.2.2)
  • Observability Kit (3.0.0)
  • SSO Kit (3.0.0)
  • Swing Kit (2.2.3)

Official add-ons and plugins:

• Spring add-on (24.5.0.beta1)
• CDI add-on (15.0.1)
• Maven plugin (24.5.0.beta1)
• Gradle plugin (24.5.0.beta1)
• Quarkus plugin (2.1.0.beta1)