New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@atlassian/clientside-extensions-docs

Package Overview
Dependencies
Maintainers
29
Versions
167
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@atlassian/clientside-extensions-docs - npm Package Compare versions

Comparing version 2.2.0 to 2.3.0-9ceb826-kprm6u7i

2

content/server/framework/clientside-extensions/get-help.md

@@ -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"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc