The new and improved Yipee.io, provides a completely redesigned user interface, enhanced performance, and many bug fixes. This article provides an overview of the functional highlights.
The Catalog has a clean new look, as shown in the following screen capture:
Catalog improvement highlights:
The view is less cluttered, as only the selected Personal or Team catalog or the Public catalog are shown. (Previously, the Public catalog was always visible below the select catalog.)
You can now create a team from the Team drop-down menu.
You can now view catalog items as a sortable list in addition to the default card view. The list view shows important properties of the app including the last modified date and the ID for use when downloading apps using the CURL API.
Visual Modeler Improvements
The Visual Modeler also has a clean new look as shown in the following screen capture:
The new look is only the tip of the iceberg. The Visual Modeler also provides many new features that enhance usability.
Canvas Enhancement Highlights
The Canvas now provides a fully unified view, showing networks together with the services and volumes in your app. Additionally, when you select an object, icons that allow you to duplicate, delete, or connect that object to others appear, as shown in the following image:
Adding networks and volumes is also simplified. To create a new network or volume, click the corresponding button at the top of the canvas:
(The buttons to create a service from a local image and to add a public service from Docker Hub are also still present but have a new look.)
Additionally, Docker Hub search performance is improved when adding a public service.
Properties Zone Enhancement Highlights
Look and Feel
The Properties Zone now shows the properties of only the service, volume, or network that is selected in the Canvas.
App secrets are now defined in the app properties, rather than on a tab. (Click empty space in the Canvas to view the app properties.)
YAML definitions for your app are now accessed by clicking the Nerd Mode button rather than from a tab:
Together, these changes make the Properties Zone much less cluttered (it is now tab-free), making it much easier to locate a specific property that you are looking for.
Property validation is radically enhanced. Each property is now checked for validity in real time. When entering a property, Yipee.io now shows you what values are valid as you type. If the current value is not valid, the error is indicated by a red exclamation mark icon on the property in question, but also on the property category, and even on the object in the Canvas.
In the example pictured below, a Label Name is flagged for an invalid upper case character. The location of the error is also identified in the offending Labels property category (which would show up even if the category was closed) and also on the service image in the Canvas:
Edit Environment Variables in Bulk
Environment variables can now be edited in bulk using the new BULK EDIT button.
The BULK EDIT button opens a dialog where you can edit the environment variable list by defining name/value pairs, one environment variable per line.
Other functional highlights include the following:
You can now print a visual representation (as it appears in the Canvas) of your app or save it as a PNG or SVG file. To do this, select the appropriate option from the Hamburger menu at the top of the Properties Zone:
The auto layout option has been enhanced to provide better results. This option is also accessed from the Hamburger menu.
You can now use the URL of an app that is open in the Visual Modeler to refer to that app in an email, instant message, or document. This functionality is commonly referred to as deep linking. This capability is particularly useful in a team collaboration environment when you want to share that a particular app is ready for test or production. (Note that other users must have appropriate access privileges to open the app.)