Labb - DX Accelerator
Labb - DX Accelerator Suite
DX Accelerator Suite
This project is an extension of the Constellation Architecture of Pega to allow Constellation UI screens to be easily rendered through any design system.
For a high quality, flexible and scalable enterprise development, the SDK's from Pega have been rewritten in a new architecture.
The Accelerator Suite is aimed at design system engineers who want to integrate the full power of Pega into their design system.
The aim of this new architecture is to allow for maximum freedom and flexibility integration with existing design systems. This setup allows for
- freedom of choice for design system frameworks
- decoupled release cycles for design systems and Pega Infinity
- limited Pega knowledge for the design system engineers
- low code plug-and-play integration with the DX API
- maximum control over UI
- minimum effort for updates
- enhanced set of debugging tools
To accomplish these goals, the Suite contains the following libraries:
-
The Mocking Server is a proxy and mocking server. This server is the main proxy target for applications. When the server is running, an interface is available where the server can either connect to a pega instance, or instead serve pre-recorded mock responses. For reference behavior, the default Cosmos React implementations of the portal and all embedded variants (createCase, openCase, openAssignment and showPage) are available.
-
The ConstellationJS library is written and delivered in JavaScript. For scalable high quality projects it is necessary to work with type definitions. Full support for TypeScript is given through Constellation Core Types.
-
The DX Engine is an extension of the ConstellationJS library. The Engine is independent of any frontend framework but can instead be extended to create a bridge with the ConstellationJS. The goal of the Engine is to create a separation between presentation and core behavior.
-
The Angular Adapter, React Adapter and VueJS Adapter libraries connect the DX Engine to the Angular, React and VueJS frameworks respectively.
Each of these packages is versioned and delivered as an NPM library for easy installation and updating.
Reference implementations
The following reference implementations are available with full functionality, following the essentials of web forms and a classless stylesheet.