@atlassian/clientside-extensions-docs
Advanced tools
Comparing version 2.2.0 to 2.3.0-9ceb826-kprm6u7i
@@ -7,3 +7,3 @@ --- | ||
subcategory: get-help | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -10,0 +10,0 @@ |
@@ -7,3 +7,3 @@ --- | ||
subcategory: extension-points | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -10,0 +10,0 @@ |
@@ -7,3 +7,3 @@ --- | ||
subcategory: extension-points | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -105,3 +105,3 @@ | ||
const renderExtension = extension => { | ||
const renderExtension = (extension) => { | ||
/* rendering extension logic */ | ||
@@ -153,3 +153,3 @@ }; | ||
const renderExtension = extension => { | ||
const renderExtension = (extension) => { | ||
/* rendering extension logic */ | ||
@@ -156,0 +156,0 @@ }; |
@@ -7,3 +7,3 @@ --- | ||
subcategory: extension-points | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -10,0 +10,0 @@ |
@@ -7,3 +7,3 @@ --- | ||
subcategory: extension-points | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -132,3 +132,3 @@ | ||
const renderExtension = extension => { | ||
const renderExtension = (extension) => { | ||
/* rendering extension logic */ | ||
@@ -135,0 +135,0 @@ }; |
@@ -7,3 +7,3 @@ --- | ||
subcategory: extension-points | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -57,3 +57,3 @@ | ||
const renderExtension = extension => { | ||
const renderExtension = (extension) => { | ||
const { key, attributes } = extension; | ||
@@ -113,3 +113,3 @@ switch (attributes.type) { | ||
const renderExtension = extension => { | ||
const renderExtension = (extension) => { | ||
const { key, attributes } = extension; | ||
@@ -195,3 +195,3 @@ switch (attributes.type) { | ||
const renderExtension = extension => { | ||
const renderExtension = (extension) => { | ||
const { key, attributes } = extension; | ||
@@ -274,3 +274,3 @@ switch (attributes.type) { | ||
const renderExtension = extension => { | ||
const renderExtension = (extension) => { | ||
const { key, attributes } = extension; | ||
@@ -277,0 +277,0 @@ switch (attributes.type) { |
@@ -7,3 +7,3 @@ --- | ||
subcategory: how-to | ||
date: '2021-05-24' | ||
date: '2021-06-07' | ||
--- | ||
@@ -115,5 +115,5 @@ | ||
label: 'Click to open a modal', | ||
onAction: modalAPI => { | ||
onAction: (modalAPI) => { | ||
modalAPI.setTitle('Look, a Modal!'); | ||
modalAPI.onMount(container => { | ||
modalAPI.onMount((container) => { | ||
container.innerHTML = '<p>Hello World!</p>'; | ||
@@ -167,3 +167,3 @@ }); | ||
Click on the create button and provide the reproduction steps. Please include as much information as you can, including: | ||
Click on the "Create" issue button and provide the reproduction steps. Please include as much information as you can, including: | ||
@@ -170,0 +170,0 @@ - Application name and version |
@@ -7,3 +7,3 @@ --- | ||
subcategory: how-to | ||
date: '2021-05-19' | ||
date: '2021-05-31' | ||
--- | ||
@@ -10,0 +10,0 @@ |
@@ -7,3 +7,3 @@ --- | ||
subcategory: how-to | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -10,0 +10,0 @@ |
@@ -7,3 +7,3 @@ --- | ||
subcategory: how-to | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -10,0 +10,0 @@ |
@@ -7,3 +7,3 @@ --- | ||
subcategory: introduction | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -61,3 +61,3 @@ | ||
label: 'Click to open a modal', | ||
onAction: modalAPI => { | ||
onAction: (modalAPI) => { | ||
const getContent = () => ` | ||
@@ -69,7 +69,7 @@ <p>And some content inside the modal too.</p> | ||
modalAPI.onMount(container => { | ||
modalAPI.onMount((container) => { | ||
container.innerHTML = getContent(); | ||
}); | ||
modalAPI.onUnmount(container => { | ||
modalAPI.onUnmount((container) => { | ||
container.innerHTML = ''; | ||
@@ -110,3 +110,3 @@ }); | ||
label: 'Click to open a modal', | ||
onAction: modalAPI => { | ||
onAction: (modalAPI) => { | ||
let count = 0; | ||
@@ -120,3 +120,3 @@ | ||
modalAPI.onMount(container => { | ||
modalAPI.onMount((container) => { | ||
container.innerHTML = getContent(); | ||
@@ -140,3 +140,3 @@ | ||
modalAPI.onUnmount(container => { | ||
modalAPI.onUnmount((container) => { | ||
container.innerHTML = ''; | ||
@@ -143,0 +143,0 @@ }); |
@@ -7,3 +7,3 @@ --- | ||
subcategory: introduction | ||
date: '2021-05-19' | ||
date: '2021-05-31' | ||
--- | ||
@@ -66,3 +66,3 @@ | ||
*/ | ||
export default PageExtension.factory(container => { | ||
export default PageExtension.factory((container) => { | ||
container.innerHTML = ` | ||
@@ -144,3 +144,3 @@ <!-- using AUI page-panel CSS to make it look nice --> | ||
*/ | ||
export default PageExtension.factory(container => { | ||
export default PageExtension.factory((container) => { | ||
container.innerHTML = ` | ||
@@ -176,3 +176,3 @@ <h2>My extension</h2> | ||
*/ | ||
export default PageExtension.factory(container => { | ||
export default PageExtension.factory((container) => { | ||
// do whatever you want with the container :) | ||
@@ -210,3 +210,3 @@ }); | ||
*/ | ||
export default PageExtension.factory(container => { | ||
export default PageExtension.factory((container) => { | ||
render(<MyPage />, container); | ||
@@ -213,0 +213,0 @@ }); |
@@ -7,3 +7,3 @@ --- | ||
subcategory: introduction | ||
date: '2021-05-19' | ||
date: '2021-05-31' | ||
--- | ||
@@ -10,0 +10,0 @@ |
@@ -7,3 +7,3 @@ --- | ||
subcategory: introduction | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -69,4 +69,4 @@ | ||
return { | ||
onAction: panelAPI => { | ||
panelAPI.onMount(container => { | ||
onAction: (panelAPI) => { | ||
panelAPI.onMount((container) => { | ||
container.innerHTML = ` | ||
@@ -108,3 +108,3 @@ <h2>Look!</h2> | ||
return { | ||
onAction: panelAPI => { | ||
onAction: (panelAPI) => { | ||
let interval; | ||
@@ -118,3 +118,3 @@ let count = 1; | ||
panelAPI.onMount(container => { | ||
panelAPI.onMount((container) => { | ||
interval = setInterval(() => { | ||
@@ -129,3 +129,3 @@ console.log('interval executed'); | ||
panelAPI.onUnmount(container => { | ||
panelAPI.onUnmount((container) => { | ||
console.log('interval cleared'); | ||
@@ -132,0 +132,0 @@ clearInterval(interval); |
@@ -7,3 +7,3 @@ --- | ||
subcategory: introduction | ||
date: '2021-05-19' | ||
date: '2021-05-31' | ||
--- | ||
@@ -10,0 +10,0 @@ |
@@ -7,3 +7,3 @@ --- | ||
subcategory: introduction | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -10,0 +10,0 @@ |
@@ -7,3 +7,3 @@ --- | ||
subcategory: introduction | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -42,3 +42,3 @@ | ||
*/ | ||
export default ButtonExtension.factory(extensionAPI => { | ||
export default ButtonExtension.factory((extensionAPI) => { | ||
return { | ||
@@ -86,3 +86,3 @@ label: 'Extensions are awesome!', | ||
*/ | ||
export default ButtonExtension.factory(extensionAPI => { | ||
export default ButtonExtension.factory((extensionAPI) => { | ||
let clicked = 0; | ||
@@ -134,3 +134,3 @@ | ||
*/ | ||
export default ButtonExtension.factory(extensionAPI => { | ||
export default ButtonExtension.factory((extensionAPI) => { | ||
let clicked = 0; | ||
@@ -137,0 +137,0 @@ let changed = 0; |
@@ -7,3 +7,3 @@ --- | ||
subcategory: index | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -10,0 +10,0 @@ |
@@ -7,3 +7,3 @@ --- | ||
subcategory: api | ||
date: '2021-04-30' | ||
date: '2021-05-31' | ||
--- | ||
@@ -10,0 +10,0 @@ |
@@ -7,3 +7,3 @@ --- | ||
subcategory: api | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -81,3 +81,3 @@ | ||
someOperation().then(res => { | ||
someOperation().then((res) => { | ||
if (!res) { | ||
@@ -109,4 +109,4 @@ return extensionAPI.updateAttributes({ isLoading: false, isDisabled: true }); | ||
export default ButtonExtension.factory((extensionAPI, context) => { | ||
initialize(context).then(res => { | ||
extensionAPI.updateAttributes(prevAttributes => ({ | ||
initialize(context).then((res) => { | ||
extensionAPI.updateAttributes((prevAttributes) => ({ | ||
isLoading: false, | ||
@@ -136,3 +136,3 @@ isDisabled: prevAttributes.isDisabled || res.active, | ||
export default ButtonExtension.factory((extensionAPI, context) => { | ||
fetchRequest().then(response => { | ||
fetchRequest().then((response) => { | ||
extensionAPI.updateAttributes(() => ({ | ||
@@ -214,3 +214,3 @@ isDisabled: !response.active, | ||
export default ButtonExtension.factory((extensionAPI, context) => { | ||
const likeSubscription = likeService.getLikes(context).subscribe(res => { | ||
const likeSubscription = likeService.getLikes(context).subscribe((res) => { | ||
extensionAPI.updateAttributes({ | ||
@@ -217,0 +217,0 @@ isLoading: false, |
@@ -7,3 +7,3 @@ --- | ||
subcategory: api | ||
date: '2021-04-30' | ||
date: '2021-05-31' | ||
--- | ||
@@ -284,3 +284,3 @@ | ||
modalAPI.onMount(container => { | ||
modalAPI.onMount((container) => { | ||
// append your content for the modal | ||
@@ -287,0 +287,0 @@ container.innerHTML = getModalContent(); |
@@ -7,3 +7,3 @@ --- | ||
subcategory: api | ||
date: '2021-04-30' | ||
date: '2021-05-31' | ||
--- | ||
@@ -70,4 +70,4 @@ | ||
return { | ||
onAction: panelApi => { | ||
panelApi.onMount(container => { | ||
onAction: (panelApi) => { | ||
panelApi.onMount((container) => { | ||
container.innerHTML = getPanelContent(); | ||
@@ -120,7 +120,7 @@ }); | ||
label: 'JS Panel', | ||
onAction: panelApi => { | ||
onAction: (panelApi) => { | ||
let button; | ||
panelApi | ||
.onMount(container => { | ||
.onMount((container) => { | ||
button = document.createElement('button'); | ||
@@ -132,3 +132,3 @@ button.innerText = 'Click me!'; | ||
}) | ||
.onUnmount(container => { | ||
.onUnmount((container) => { | ||
// use to cleanup any event listener, subscription, or unmount components | ||
@@ -135,0 +135,0 @@ button.removeEventListener('click', onClick); |
@@ -7,3 +7,3 @@ --- | ||
subcategory: api | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -10,0 +10,0 @@ |
@@ -7,3 +7,3 @@ --- | ||
subcategory: api | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -141,6 +141,6 @@ | ||
asyncPanelApi | ||
.onMount(container => { | ||
.onMount((container) => { | ||
// use the container to render your content in it | ||
}) | ||
.onUnmount(container => { | ||
.onUnmount((container) => { | ||
// run your clean up code. e.g. stop listening to events, unmount your component from the container. | ||
@@ -147,0 +147,0 @@ }); |
@@ -7,3 +7,3 @@ --- | ||
subcategory: api | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -10,0 +10,0 @@ |
@@ -7,3 +7,3 @@ --- | ||
subcategory: api | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -10,0 +10,0 @@ |
@@ -7,3 +7,3 @@ --- | ||
subcategory: api | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -10,0 +10,0 @@ |
@@ -7,3 +7,3 @@ --- | ||
subcategory: api | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -148,3 +148,3 @@ | ||
onAction(modalAPI) { | ||
modalAPI.onMount(container => { | ||
modalAPI.onMount((container) => { | ||
container.innerHTML = ` | ||
@@ -151,0 +151,0 @@ <h1>${context.title}</h1> |
@@ -7,3 +7,3 @@ --- | ||
subcategory: api | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -144,3 +144,3 @@ | ||
*/ | ||
export default PageExtension.factory(container => { | ||
export default PageExtension.factory((container) => { | ||
// attach content to the container | ||
@@ -175,3 +175,3 @@ | ||
*/ | ||
export default PageExtension.factory(container => { | ||
export default PageExtension.factory((container) => { | ||
container.innerHTML = '<div>My custom page</div>'; | ||
@@ -198,3 +198,3 @@ }); | ||
*/ | ||
export default PageExtension.factory(container => { | ||
export default PageExtension.factory((container) => { | ||
container.innerHTML = '<div>Very secure page!</div>'; | ||
@@ -201,0 +201,0 @@ }); |
@@ -7,3 +7,3 @@ --- | ||
subcategory: api | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -106,8 +106,8 @@ | ||
return { | ||
onAction: panelApi => { | ||
onAction: (panelApi) => { | ||
panelApi | ||
.onMount(container => { | ||
.onMount((container) => { | ||
// use the container to render your content in it | ||
}) | ||
.onUnmount(container => { | ||
.onUnmount((container) => { | ||
// run your clean up code. e.g. stop listening to events, unmount your component from the container. | ||
@@ -137,3 +137,3 @@ }); | ||
onAction(panelApi) { | ||
panelApi.onMount(container => { | ||
panelApi.onMount((container) => { | ||
container.innerHTML = ` | ||
@@ -140,0 +140,0 @@ <h1>${context.title}</h1> |
@@ -7,3 +7,3 @@ --- | ||
subcategory: api | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -151,3 +151,3 @@ | ||
<> | ||
{extensions.map(ext => ( | ||
{extensions.map((ext) => ( | ||
<a href="ext.url">{ext.label}</a> | ||
@@ -154,0 +154,0 @@ ))} |
@@ -7,3 +7,3 @@ --- | ||
subcategory: api | ||
date: '2021-04-30' | ||
date: '2021-05-31' | ||
--- | ||
@@ -10,0 +10,0 @@ |
@@ -7,3 +7,3 @@ --- | ||
subcategory: api | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -10,0 +10,0 @@ |
@@ -7,3 +7,3 @@ --- | ||
subcategory: api | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -10,0 +10,0 @@ |
@@ -7,3 +7,3 @@ --- | ||
subcategory: api | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -10,0 +10,0 @@ |
@@ -7,3 +7,3 @@ --- | ||
subcategory: glossary | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -10,0 +10,0 @@ |
@@ -7,3 +7,3 @@ --- | ||
subcategory: webpack | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -109,3 +109,3 @@ | ||
*/ | ||
export default LinkExtension.factory(api => { | ||
export default LinkExtension.factory((api) => { | ||
return { | ||
@@ -237,3 +237,3 @@ label: 'My Link-Extension', | ||
*/ | ||
export default PageExtension.factory(container => { | ||
export default PageExtension.factory((container) => { | ||
container.innerHTML = '<div>Very secure page!</div>'; | ||
@@ -261,3 +261,3 @@ }); | ||
*/ | ||
export default PageExtension.factory(container => { | ||
export default PageExtension.factory((container) => { | ||
container.innerHTML = '<div>Very secure page!</div>'; | ||
@@ -264,0 +264,0 @@ }); |
@@ -7,3 +7,3 @@ --- | ||
subcategory: webpack | ||
date: '2021-05-11' | ||
date: '2021-05-31' | ||
--- | ||
@@ -10,0 +10,0 @@ |
{ | ||
"name": "@atlassian/clientside-extensions-docs", | ||
"version": "2.2.0", | ||
"version": "2.3.0-9ceb826-kprm6u7i", | ||
"description": "Holds the official documentation for Altassian Server client-side extensions API.", | ||
@@ -74,3 +74,2 @@ "license": "BSD-3-Clause", | ||
"set-last-updated": "doc-scripts set-last-updated", | ||
"version": "SKIP_VERSION_CHECK=true doc-scripts version", | ||
"link-check": "doc-scripts link-check", | ||
@@ -82,5 +81,5 @@ "prepublishOnly": "SKIP_VERSION_CHECK=true doc-scripts validate", | ||
"optionalDependencies": { | ||
"@atlassian/doc-scripts": "^2.7.5" | ||
"@atlassian/doc-scripts": "^3.0.3" | ||
}, | ||
"gitHead": "e2fe03d9a73a8b836e6bc17dc8412f3c0a1c83e3" | ||
"gitHead": "9ceb826bd79cf4a4a26f838fd854636343bebd7c" | ||
} |
Deprecated
MaintenanceThe maintainer of the package marked it as deprecated. This could indicate that a single version should not be used, or that the package is no longer maintained and any new vulnerabilities will not be fixed.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
2389192
1
1