Create a new CDS package

In the Package List, click on the Create Package button.

Define package MetaData

In MetaData Tab:

1. Package name (Required), type "hello_world"
2. Package version (Required), type "1.0.0"
3. Package description (Required), type "Hello World, the New CBA Package created with CDS Designer UI"
   
4. Package Tags (Required), type "tag1" then use the Enter key on the keyboard

Once you enter all fields you will be able to save your package. Click on the Save button and continue to define your package.

Define Template and Mapping

In the Template & Mapping Tab:

1. Enter template name "hello_world_template", then go to Template section
2. Choose the template type "Velocity"
3. Type the Template parameter "Hello, ${image_name}!" in the code editor

Now, go to the Manage Mapping section.

Click on the Use Current Template Instance button to resolve the value within the template and to auto-map it.

Inside the Mapping table, change Dictionary Source from default to input

Click on the Finish button to save the template and close it.

After the new template is added to the Template and Mapping list, click on the Save button to save the package updates.

Create an Action 

From the Package information box on top, click on the Designer Mode button.

Click on the Skip to Designer Canvas button to go directly to Designer Mode.

Now the designer has zero action added. Let's start adding the first Action.

Go to the left side of the designer screen and in the ACTIONS tab, click on the + New Action button.

Now, the first Action Action1 is added to the Actions list and in the Workflow canvas.

Add Resource Resolution function to the Action

On the left side of the designer screen, Click on the FUNCTIONS tab to view all the Functions List.

Drag the function type "component-resource-resolution"

Drop the function to the "Action1" Action container.

Define Action Attributes

Click on Action1 from the ACTIONS tab to open the ACTION ATTRIBUTES section on designer screens’ right side.

 Let's customize the first action's attribute by click on the + Create Custom button to open Add Custom Attributes modal window.

In the Add Custom Attributes Window, and the INPUTS tab starts to add the first input attribute for Action1.

INPUTS Tab: Enter the required properties for the inputs’ attribute:

1. Name: "template-prefix"
2. Type: "List"
3. Required: "True"

After you add the template-prefix input's attribute, click on In the OUTPUT Tab to create the output attribute too. 

OUTPUTS Tab: Enter the required properties for the output’ attribute:

1. Name: "hello-world-output"
2. Required: "True"
3. Type: "other"
4. Type name: "json"
5. Value (get_attribute): From the Functions list, select "component-resource-resolution" that will show all attributes included in this function
6. Select parameter name "assignment-params"
7. Click on the Submit Attributes button to add input and output attributes to Actions' Attributes list
8. Click on the Close button to close the modal window and go back to the designer screen.

Now, you can see all the added attributes listed in the ACTION ATTRIBUTES area.

Define Function Attributes

From ACTIONS List, Click on the function name "component-resource-resolution".

When you click on the component-resource-resolution function, the FUNCTION ATTRIBUTES section will be open on the right side of the designers' screen.

Now, you need to add the values of Inputs or Outputs required attributes in the Interfaces section.

• artifact-prefix-names:

1. Click on the Select Templates button
2. In the modal window that lists all templates you created, click on the "hello_world_template" name 
3. Click on the Add Template button to insert it in the Artifacts section and to close the modal window.

Now, the hello_world_template template is listed inside the Artifacts section.

Click on the "Save" button to save the added template.

From the page header and inside the Save menu, click on the Save button to save all the changes.

Enrich and Deploy the Package

From the page header and inside the Save menu, click on the Enrich & Deploy button.

Once the process is done, a confirmation message will appear.

Test the package with CDS REST API

To test the CDS hello_world package we created, we can use the REST API shown below to run the resource resolution workflow in the hello_wold package, which will resolve the value of the "image_name" resource from the REST Call input, and will send it back to the user in the form of "Hello, $image_name!".

curl --location --request POST 'http://cds-blueprint-processor:8080/api/v1/execution-service/process'\
--header 'Content-Type: application/json;charset=UTF-8'\
--header 'Accept: application/json;charset=UTF-8,application/json'\
--header 'Authorization: BasicY2NzZGthcHBzOmNjc2RrYXBwcw=='\
--data-raw '{
	"actionIdentifiers": {
		"mode": "sync",
		"blueprintName": "hello_world",
		"blueprintVersion": "1.0.0",
		"actionName": "Action1"
	},
	"payload": {
		"Action1-request": {
			"Action1-properties": {
				"image_name": "Sarah Abouzainah"
			}
		}
	},
	"commonHeader": {
		"subRequestId": "143748f9-3cd5-4910-81c9-a4601ff2ea58",
		"requestId": "e5eb1f1e-3386-435d-b290-d49d8af8db4c",
		"originatorId": "SDNC_DG"
	}
}'

200 OK
{
	"correlationUUID": null,
	"commonHeader": {
		"timestamp": "2020-12-13T11:43:10.993Z",
		"originatorId": "SDNC_DG",
		"requestId": "e5eb1f1e-3386-435d-b290-d49d8af8db4c",
		"subRequestId": "143748f9-3cd5-4910-81c9-a4601ff2ea58",
		"flags": null
	},
	"actionIdentifiers": {
		"blueprintName": "hello_world",
		"blueprintVersion": "1.0.0",
		"actionName": "Action1",
		"mode": "sync"
	},
	"status": {
		"code": 200,
		"eventType": "EVENT_COMPONENT_EXECUTED",
		"timestamp": "2020-12-13T11:43:11.028Z",
		"errorMessage": null,
		"message": "success"
	},
	"payload": {
		"Action1-response": {
			"hello-world-output": {
				"hello_world_template": "Hello, Sarah Abouzainah!"
			}
		}
	}
}

Screenshot from POSTMAN showing how to run the hello_world package, and the CDS Response:

For more details about CDS Designer UI: CDS Designer Guide