Vaadin Flow is the Java framework of Vaadin Platform for building modern web sites that look great, perform well and make you and your users happy.
To contribute, first refer to Contribution Guide for general instructions and requirements for contributing code to Flow.
Flow EAP discussion in Gitter IM at https://gitter.im/vaadin-flow/Lobby
Instructions on how to set up a working environment for developing the Flow project follow below.
master branch is the latest version that will at some point be released in the Vaadin platform. See other branches for other framework versions:
- 1.0 branch is Vaadin 10 LTS (Flow version 1.0)
Setting up Eclipse to Develop Flow
Import the Project into the Workspace
- Do File -> Import -> General -> Existing Maven Project
- Select the flow folder (where you cloned the project)
- Ensure all projects are checked
- Click “finish” to complete the import
- Disable HTML and XML validation in the workspace to avoid validating Bower dependencies
- Eclipse preferences -> Validation
- Uncheck Build for HTML Syntax Validator
- Uncheck Build for XML Validator
Note that the first compilation takes a while to finish as Maven downloads dependencies used in the projects.
Compiling the Client Engine
Compile the client engine by executing the Eclipse build configuration Compile ClientEngine in flow-client/eclipse
Set up extra workspace preferences
The following preferences need to be set to keep the project consistent. You need to do this especially to be able to contribute changes to the project.
- Open Window -> Preferences (Windows) or Eclipse -> Preferences (Mac)
- Go to General -> Workspace
- Set Text file encoding to UTF-8
- Set New text file line delimiter to Unix
- Go to XML -> XML Files -> Editor
- Ensure the settings are follows:
Line width: 72 Format comments: true Join lines: true Insert whitespace before closing empty end-tags: true Indent-using spaces: true Indentation size: 4
The unit tests for the projects can be run using
IT tests can be run with
To run IT tests locally, you'll need a Testbench license and a Chrome browser installed (currently this is the only browser that IT tests are run in). If you don't have the license, it's ok, our CI system will run those tests for you after you create a pull request. Refer to the contribution guide for details.
When running IT tests locally, by default, local Chrome is used to run tests, make sure it's installed.
Building a package
The distribution package is built and installed into the local Maven repository by doing
- mvn install
Some flow internals use GWT in the client code. superDevMode allows to reload GWT changes on the fly, but it requires some setup first.
To start superDevMode do the following:
- Get flow source code
- If you are planning to launch the mode for the external application based on flow, first make sure that flow source code is of the same version as the application uses. If it's not true, either update the application dependencies or check out the corresponding flow tag and rebuild both flow and the application.
- Navigate to flow-client package in flow project
mvn -Psdm clean install gwt:compile gwt:run-codeserver -DskipTests
- Start the application server
- Open the application page and use the bookmarks to control dev mode If you have no bookmarks, navigate to http://localhost:9876 to setup them.
In eclipse run .launch files from flow-client/eclipse in the order:
- Compile ClientEngine.launch
- Super Dev Mode.launch
NOTE! SuperDevMode should be compiled before the application server is launched, also, flow version should match with the application one as else the application won't be able to run SDM and you will receive the exception
Can't find any GWT Modules on this page.
More info about SuperDevMode: http://www.gwtproject.org/articles/superdevmode.html