CPI Node

Table of contents

• Introduction
• Installation
• Debugging
• The load function
• Subscribing to Events
• Addon API
• Logs

Introduction

The CPI-Node is a javascript engine running within the CPI. It's purpose is to allow dynamic control of the application flow and layout. It runs on all of pepperi's plaforms (iOS, Android & Web).

Development on the CPI-Node is done modularly using Pepperi addons.

A pepperi addon that wants to develop some functionality within the CPI-Node can do so in it's cpi-side project folder.

Version management of the addon includes the cpi-side, meaning when an addon is installed or upgraded, it's cpi-side files are updated as well, and they are what is run within the CPI-Node.

Installation

When creating an addon using

npm init @pepperi-addon

The wizard will give you the option to create a cpi-side folder as well. The addon framework will supply a template of this folder, and script to easily develop & debug your code.

If you have already created your addon without the cpi-side folder and would like to add one later, you can do so by copying from another addon. You might need to update the package.json file in the root folder, .vsode/launch.json, addon.config.json configurations as well.

CPI Side files

When an addon with a CPI Side is installed, the CPI Node makes sure that the addon's CPI Side files are sent to the distributor's CPI.

In order to do so, the addon must add the CPI Side files to the PublishConfig in the addon.config.json file in a section called CPISide.

Publish Config Example

1{
2    "PublishConfig": {
3        "CPISide": [
4            "addon-cpi.ts"
5        ]
6    }
7}

Debugging

You can debug your addon's cpi-side project on the webapp. (debugging iOS & Android CPI-Node is currently not possibile).

To do so, you will need to install the cpi-node-debugger addon on your distributor.

Additionally, you will need to run the WebAPI locally. Versions of the WebAPI to be installed on Windows machines are available internally.

Set the WebApp to run the WebAPI locally using the Support Menu.

After doing so, you can navigate to the CPI-Node -> debugger UI in the settings tree.

You will need to copy the JWT & SessionToken into your cpi-side/debugger.config.json file.

Then, click the Start button to start a debugging sesssion. The session can be closed using the Stop button.

Since debugging is done using the v8 inspector protocol, you can do so using any client that supports this.

The addon framework template includes a launch action for vscode called Launch CPINode debugger Server that will help you connect to the inspector and debug your typescript files.

Load

An addon can run some code when the CPINode is loaded. This will happen every time the CPI is loaded, or if a change in ADAL cpi-meta-data tables are detected. The way to run this code is by exporting a load function in the cpi-side file.

A example addon doing something on load

1import "@pepperi-addons/cpi-node"
2
3export async function load() {
4    // maybe you need to get some configuration from your adal table
5    const configuration = await pepperi.api.adal.getList({ 
6        addon: 'your addon UUID',
7        table: 'Configurations'
8    }).then(obj => obj.objects);
9
10
11    // you can subscribe to events
12    pepperi.events.intercept('SomeEvent', { /* A filter */ }, async () => {
13        /* your interceptor gets called when the event occurs */
14    })
15}

Events

The CPINode allows addons to subscribe to events in the application flow and extend and/or override their behaviour.

The addon will subscribe to using an interceptor function, that receives up to 3 parameters.

Example of subscribing to events

1pepperi.events.intercept('RecalculateUIObject', {}, async (context, next, main) => {
2    // here you do some stuff before the main action
3
4    // you can also override the main action by
5    main = async (context) => {
6        // your main implementation
7    }
8
9    // call next
10    await next(main);
11
12    // here you can do stuff after the main action
13    
14    // You can also trigger another event from within the interceptor
15    const event = await pepperi.events.emit('SomeEvent', { /*some data*/ }, context)
16    const someEventData = event.data // data it the 'return' values from all 'SomeEvent' interceptors flatly
17
18    // the way to return values from an interceptor
19    return {
20        foo: "bar"
21    };
22
23})

Addon API

The CPI-Node allows addons to expose API endpoints that are available through the webapi.

The endpoints are exposed by exporting an express router. See the documentation for the full set of capabilities.

example of using a router

1import '@pepperi-addons/cpi-node'
2
3export const router = Router();
4
5// this callback will be called
6router.get('test', (req, res) => {
7    // return a json body
8    res.json({
9        some: 123456
10    })
11});

This router will handle

GET {webapibaseurl}/v1/addons/api/{your-addon-uuid}/{your-file-name}/test

By returning

1{
2    "some": 123456
3}

You can also receive query & route params

example of using body, query params and route params

1import '@pepperi-addons/cpi-node'
2
3export const router = Router();
4
5// this callback will be called
6router.post('foo/:v/test', (req, res) => {
7    // return a json body
8    res.json({
9        v: req.params.v,
10        q: req.query.q,
11        a: req.body.a
12    })
13});

This router will handle calls to

POST {webapibaseurl}/v1/addons/api/{your-addon-uuid}/{your-file-name}/foo/hi/test?q=hey

Body:

1{
2    "a": "hello"
3}

By returning

1{
2    "v": "hi",
3    "q": "hey",
4    "a": "hello"
5}

Using an async callback

When you want to do async work in your callback, you should make sure errors are properly propogated.

1import '@pepperi-addons/cpi-node'
2
3export const router = Router();
4
5// this callback will be called
6router.get('accounts', async (req, res, next) => {
7    try {
8        const fields = req.query.fields.split(',');
9        const accounts = await pepperi.api.accounts.search({
10            fields: fields || ['Name', 'UUID']
11        }).then(obj => obj.objects);
12
13        res.json({
14            accounts: accounts
15        })
16    }
17    catch (err) {
18        // errors thrown from async functions are not handled automaticlly, and must be passed to the `next` function or the call will timeout
19        next(err)
20    }
21});

Logs

Logging within the CPI-Node is done using the usual node.js logging functions (console.log, console.error and console.warn). These logs are redirected to the usual CPI log outputs (CloudWatch etc.).

The console.log has the same verbosity as Low or the client api pepperi.log function.