Skip to main content

JavaScript

In this example you are going to create a package blueprint that ingests all third party dependencies and libraries in your package.json file using a combination of Port's API and webhook functionality. You will then relate this blueprint to a service blueprint, allowing you to map all the packages used by a service.

To ingest the packages to Port, a script that sends information about packages according to the webhook configuration is used.

Prerequisites​

Create the following blueprint definition and webhook configuration:

Service blueprint
{
"identifier": "service",
"title": "Service",
"icon": "Service",
"schema": {
"properties": {
"description": {
"title": "Description",
"type": "string"
}
},
"required": []
},
"mirrorProperties": {},
"calculationProperties": {},
"relations": {}
}
Package blueprint
{
"identifier": "packages",
"description": "This blueprint represents a software package file in our catalog",
"title": "Package",
"icon": "Package",
"schema": {
"properties": {
"version": {
"type": "string",
"title": "Depedency Version"
}
},
"required": []
},
"mirrorProperties": {},
"calculationProperties": {},
"relations": {
"service": {
"title": "Service",
"target": "service",
"required": false,
"many": true
}
}
}
Package webhook configuration
{
"identifier": "packagesMapper",
"title": "Package Mapper",
"description": "A webhook configuration to map packages and dependencies from a file",
"icon": "Package",
"mappings": [
{
"blueprint": "packages",
"itemsToParse": ".body.dependencies",
"entity": {
"identifier": ".item.id",
"title": ".item.name",
"properties": {
"version": ".item.version"
},
"relations": {
"service": ".body.service"
}
}
}
],
"enabled": true,
"security": {}
}

Working with Port's API and Bash script​

Here is an example snippet showing how to integrate Port's API and webhook with your existing pipelines using Python and Bash:

Create the following Python script in your repository to create or update Port entities as part of your pipeline:

Python script example
import requests
import json

# Get environment variables using the config object or os.environ["KEY"]
WEBHOOK_URL = os.environ['WEBHOOK_URL'] ## the value of the URL you receive after creating the Port webhook
SERVICE_ID = os.environ['SERVICE_ID'] ## The identifier of your service in Port
PATH_TO_PACKAGE_JSON_FILE = os.environ['PATH_TO_PACKAGE_JSON_FILE']


def add_entity_to_port(entity_object):
"""A function to create the passed entity in Port using the webhook URL

Params
--------------
entity_object: dict
The entity to add in your Port catalog

Returns
--------------
response: dict
The response object after calling the webhook
"""
headers = {"Accept": "application/json"}
response = requests.post(WEBHOOK_URL, json=entity_object, headers=headers)
return response.json()


def convert_package_json(package_json_path):
"""This function takes a package.json file path, converts the "dependencies" property into a
JSON array using three keys (name, version, and id). It then sends the data to Port

Params
--------------
package_json_path: str
The path to the package.json file relative to the project's root folder

Returns
--------------
response: dict
The response object after calling the webhook
"""
with open(package_json_path) as file:
data = json.load(file)

dependencies = data.get('dependencies', {})

converted_dependencies = []
for index, (name, version) in enumerate(dependencies.items(), start=1):
pkg_id = f"pkg-{index}"
converted_dependencies.append({
'name': name,
'version': version,
'id': pkg_id
})

entity_object = {
"service": SERVICE_ID,
"dependencies": converted_dependencies
}
webhook_response = add_entity_to_port(entity_object)
return webhook_response

converted_data = convert_package_json(PATH_TO_PACKAGE_JSON_FILE)
print(converted_data)

For an example showing how to integrate the above scripts with your existing Gitlab CI pipelines, visit: