Build the Agent Browser UI extensions

You can use the open-source Gradle build tool to build the Agent Browser UI extensions for the Twilio CTI Accelerator. The source code uses TypeScript, which is a superset of JavaScript with strongly typed objects.

Before you begin

You must have Gradle, Node.js, and npm installed. Refer to the software requirements for more information.

About this task

The accelerator repository contains all of the HTML, CSS, and JavaScript files required to run the accelerator. These files are in the /twilio/bui/build directory.

However, we have included the TypeScript source that generated the JavaScript files and tools for packaging the extensions into .zip archives that can be uploaded into the Service Console. Follow these instructions to use the automated tools to build the extensions.

Procedure

Using the command-line interface, change the directory to the /twilio/bui directory that you downloaded and extracted.
Run the following command:
```
gradle clean
```
Note: This will remove all build artifacts, including the prebuilt extension files.
Run the following command:
```
gradle build
```
Note: The first time you run Gradle, it might need to install Node.js plugins and other files.
Run the following command:
```
gradle buildToolZip
```

Results

If the build is successful, build artifacts and the following three extension .zip archives are generated in the /twilio/bui/build directory:

cti_messaging_addin-phase-2.zip
cti_reporting_addin-phase-2.zip
cti_telephony_addin-phase-2.zip

What to do next

You import the extension files into Oracle Service Cloud using the Add-In Manager.