View on GitHub

ui5-ecosystem-showcase

A repository showcasing the UI5 tooling extensibility to combine OSS tools for UI5 application development.

UI5 Tooling - Ecosystem Showcase

OpenUI5 Community Slack (#tooling channel)

This repository is showcasing the UI5 Tooling extensibility capabilities. You can easily extend the UI5 Tooling with your own tasks or middlewares.

UI5 Tooling Ecosystem

This doesn’t necessarily need to happen in this repository and everyone can develop and share his own tasks and middleware via npm. Regarding npm, please prefix the name of all tasks with ui5-task- and all middlewares with ui5-middleware-. This will help UI5 developers to easily find tasks and middlewares created and shared by the UI5 community.

Contributing vs. Self-managed

This repository is open to anyone who wants to share his/her task or middleware with the UI5 community. By integrating an extension in this repository you can benefit from automated releases of the tasks and middlewares to the public npm registry. In addition, you will get a review before your task or middleware is merged. But if you prefer to manage your repository and release on your own, you can also do so. But in this case, please create a PR for this page to list your task or middleware here and share it with the UI5 community!

Available Tasks and Middlewares

Below you can find the list of available tasks and middlewares. Please share your own tasks and middlewares here by extending the list of available extensions here.

Available Tasks

The following tasks (known to this page) have been created and are available in the public NPM registry:

NPM package Description Badge
ui5-task-babel configurable transpiling using babel npm version
ui5-task-compileless compile less files in the app folder npm version
ui5-task-flatten-library prepares build result for deployment to SAP NetWeaver npm version
ui5-task-i18ncheck checks for missing i18n texts npm version
ui5-task-librarian checks for redundant libraries npm version
ui5-task-minifier minify HTML/CSS/JSON files npm version
ui5-task-mvn-dependency-provider provides ui5 sources packed in .jars to the ui5 runtime npm version
ui5-task-pwa-enabler enables ui5 app with pwa functionalities npm version
ui5-task-stringreplacer replaces placeholder strings npm version
ui5-task-transpile-gen transpile es6 to es5 code including Async Await syntax npm version
ui5-task-transpile transpile es6 to es5 code npm version
ui5-task-zipper bundle the entire webapp in a zip-archive npm version
ui5-task-cachebuster-indexing task for indexing files to enable CacheBuster npm version

There might be more tasks in the public NPM registry. You can find all tasks which applied the suggested naming convention via https://www.npmjs.com/search?q=ui5-task-.

Available Middlewares

The following middlewares (known to this page) have been created and are available in the public NPM registry:

NPM package Description Badge
ui5-middleware-babel configurable transpiling using babel incl. caching npm version
ui5-middleware-cfdestination use the approuter as proxy npm version
ui5-middleware-http-proxy http proxy using streaming and basic auth. support npm version
ui5-middleware-iasync sync UI interactions across connected browsers (alpha! careful!) npm version
ui5-middleware-index serve an HTML file for / (root) npm version
ui5-middleware-livecompileless livecompiling of less files in the app folder npm version
ui5-middleware-livereload usage of livereload for development npm version
ui5-middleware-livetranspile on-demand es6 to es5 transpile when requesting js npm version
ui5-middleware-route-proxy Proxy to forward request for a specific route npm version
ui5-middleware-servestatic serve static resources npm version
ui5-middleware-simpleproxy simple express proxy npm version
ui5-middleware-stringreplacer replaces placeholder strings npm version
ui5-middleware-webjars deliver content from JAR files npm version

There might be more middlewares in the public NPM registry. You can find all middlewares which applied the suggested naming convention at https://www.npmjs.com/search?q=ui5-middleware-.