This module now has support for UI Kit 2 (preview) for faster user experiences and to access additional React features.

For more information on all the supported modules, see the Supported products and their modules section.

Jira global page

The jira:globalPage module adds an item in the Apps section of the main navigation. You can use the UI kit or custom UI to create content for the page.

The page URL is constructed in the following format: /jira/apps/{appId}/{envId}

See the GlobalPage component documentation for an example. When adding this to your app, use it as a top-level component.

Example of a global page

Subpages

By default, the jira:globalPage module registers a top-level page. However, there is an option to register multiple pages using a pages or sections field.

Use pages to add individual pages to the sidebar and sections to group pages.

The sidebar will only change the global page URL, you will need to handle routes inside your custom UI app using view.createHistory().

This feature works only with custom UI.

Properties

Property	Type	Required	Description
`key`	`string`	Yes	A key for the module, which other modules can refer to. Must be unique within the manifest. Regex: `^[a-zA-Z0-9_-]+$`
`function`	`string`	The global page module requires a `function` for use with the UI kit or a `resource` when building with custom UI.	A reference to the `function` module that defines the global page. This function must return the globalPage component.
`resource`	`string`		A reference to the static `resources` entry that the global page displays. See resources for more details.
`resolver`	`{ function: string }`		Contains a `function` property, which references the `function` module that defines the configuration of `resource`. Can only be set if the module is using the `resource` property.
`title`	`string`	Yes	The title of the global page, which is displayed at the top of the page.
`icon`	`string`		The URL of the icon that displays next to the title. Relative URL's aren't supported. A generic app icon is displayed if no URL is provided.
`layout`	UI kit: `native` `basic` Custom UI: `native` `blank` `basic (deprecated)` (default: `native`)		The layout of the global page that defines whether a page is rendered with default controls (native), lays out the entire viewport with a margin on the left and breadcrumbs (basic for UI kit), or is left blank allowing for full customization (blank for custom UI).
`pages`	`Page[]`	You can only specify `pages` or `sections` but not both.	The list of subpages to render on the sidebar.
`sections`	`Section[]`	You can only specify `pages` or `sections` but not both.	The list of sections to render on the sidebar.
`displayConditions`	`object`		The object that defines whether a module is displayed in the UI of the app. See display conditions.

Page

Property	Type	Required	Description
`title`	`string`	Yes	The title of the subpage, which is displayed on the sidebar.
`icon`	`string`		The URL of the icon that's displayed next to the subpage title. A generic app icon is displayed if no icon is provided.
`route`	`string`	Yes	The unique identifier of the subpage. This identifier is appended to the global page URL.

Section

Property	Type	Required	Description
`header`	`string`		The section header.
`pages`	`Page[]`	Yes	The list of subpages to render on the sidebar.

Extension data

Custom UI

Use the getContext bridge method to access the extension context in custom UI.

Property	Type	Description
`type`	`string`	The type of the module.

UI kit

Use the useProductContext hook to access the context in UI Kit.

Extension context

Property	Type	Description
`type`	`string`	The type of the module.