Discovering extension points
In this introduction guide, you will learn how to:
Reveal all the extension points in a page.
Discover all the possible types of extensions you can render in an extension point.
Check all the attributes and values you can use to influence how the product renders your extensions.
Revealing extension points on the page
Client-side Extensions (CSE) comes with some developer tools baked in to help you reveal all extensions points on the page.
To activate it, you need to go to a page that you know is using CSE and set the query parameter
in the URL.
Navigate to the PR you created for testing CSE (e.g.:
http://localhost:7990/bitbucket/projects/PROJECT_1/repos/rep_1/pull-requests/1/) Add this query parameter to the URL:
You should see a glowing blue circle icon in the places where extension points are available.
Exploring extension points information
After revealing the available extension points in a page, you can click on any of the glowing icons to discover all the
relevant information of a particular extension point:
Click the glowing icon in the overview actions section of the PR page.
You should be able to see:
The name of the extension point.
The type of extensions you can create for that extension point.
The attributes that are supported, and how they affect the way the product will render your extension.
The shape of the context object your extension will receive from the product.
In the next section, you will learn all about Context.
Recap and next steps
Now you know:
How to reveal extension points in a page.
How to discover all extension types, supported attributes, and context provided for your extension point.
Next, you’re going to learn how to interact with products
using the extensions API