UI5 CLI Extension for Replacing Strings

> :wave: This is an open‑source, community‑driven project, developed and actively monitored by members of the UI5 community. You are welcome to use it, report issues, contribute enhancements, and support others in the community.

Task and Middleware for ui5-server, doing a string replace on files matched by the files configuration option.

> :information_source: The middleware hooks into the response to intercept the headers and the data allowing to replace the strings matching the replace patterns. Therefore, the middleware must run before other middlewares which end the middleware chain (not calling next()).

Prerequisites

- Requires at least @ui5/cli@3.0.0 (to support specVersion: "3.0")

> :warning: UI5 CLI Compatibility
> All releases of this UI5 CLI extension using the major version 3 require UI5 CLI V3. Any previous releases below major version 3 (if available) also support older versions of the UI5 CLI. But the usage of the latest UI5 CLI is strongly recommended!

Install

``bash


Using npm

npm install ui5-tooling-stringreplace --save-dev

Using pnpm

pnpm add --save-dev ui5-tooling-stringreplace

Using yarn

yarn add --dev ui5-tooling-stringreplace
`

Configuration options (in $yourapp/ui5.yaml)

- debug: true|false
verbose logging
- files: string|array
Placeholders will be replaced with their values in files matched by this glob pattern
- replace: array
List of placeholder, value pairs
- separator: string
separator for stringreplace placeholder

Usage

1. Define the dependency in $yourapp/package.json:

`json
"devDependencies": {
// ...
"ui5-tooling-stringreplace": "*"
// ...
}
`

2. configure it in $yourapp/ui5.yaml:

`yaml
builder:
customTasks:
- name: ui5-tooling-stringreplace-task
afterTask: replaceVersion
configuration:
files:
- "*/.js"
- "*/.xml"
replace:
- placeholder: ${project.artifactId}
value: my.sample.app
- placeholder: ${project.version}
value: 1.0.0-SNAPSHOT
- placeholder: "{{app.AppTitle}}"
value: My Sample App

server:
customMiddleware:
- name: ui5-tooling-stringreplace-middleware
afterMiddleware: compression
configuration:
debug: true
prefix: UI5_ENV # default
path: ./ # default
separator: "." # default
files:
- "*/.js"
- "*/.xml"
replace:
- placeholder: ${project.artifactId}
value: my.sample.app
- placeholder: ${project.version}
value: 1.0.0-SNAPSHOT
- placeholder: "{{app.AppTitle}}"
value: My Sample App
`

3. Maintain all string placeholders and values in .env file

`env
stringreplace.BASE_URL_PLACEHOLDER = http://localhost:2000
stringreplace.some.deeply.nested.ANOTHER_PLACEHOLDER = Replace with this text
`

Multiple environments

You can keep multiple .env files and load a specific environment at build or serve time.

`
- dev.env
- staging.env
- prod.env
- package.json
`

You can define our own prefix in $yourapp/ui5.yaml using configuration prefix otherwise will default to UI5_ENV.

You can specify the .env location by setting the path property in the configuration. Default path fallback is set to ./ to find the .env file in the same location as the executed package.json file.

`json
"scripts": {
"build:dev": "UI5_ENV=dev ui5 build",
"build:staging": "UI5_ENV=staging ui5 build",
"build:prod": "UI5_ENV=prod ui5 build",
}
`

With UI5_ENV set, the strings will be loaded from the .env file.

You can define our own separator in $yourapp/ui5.yaml using configuration separator otherwise will default to .. In case of separator set to _ placeholder will be stringreplace_

How it works

$3

The task reads all files based on configuration patterns and replaces all string placeholders with values for all files. All the string placeholders which are maintained in the process environment with prefix 'stringreplace.' will be taken into account. If no environment name is set through the process environment variable UI5_ENV, then by default the file./.env is loaded.

$3

The middleware replaces the placeholders with their values in the files matched by the patterns. All the string placeholders which are maintained in the process environment with prefix 'stringreplace.' will be taken into account. If no environment name is set through the process environment variable UI5_ENV, then by default the file./.env is loaded.

Technically, the middleware intercepts the response for all requests matching the files glob patterns. The middleware must be inserted very early into the middlware chain as it intercepts the res.writeHead, res.write, and res.end functions to collect the response data and to finally replace the placeholders in that data. When using the middleware in combination with e.g. the ui5-tooling-transpile, the ui5-tooling-stringreplace` must be added before the transpile middleware to inject the response hooks.

License

This work is dual-licensed under Apache 2.0 and the Derived Beer-ware License. The official license will be Apache 2.0 but finally, you can choose between one of them if you use this work.

When you like this stuff, buy @vobu a beer or buy @pmuessig or @TheVivekGowda a coke when you see them.