0.1.11 • Published 6 days ago
@aplazame/browser v0.1.11
browser-sdk
npm i @aplazame/browser
import { AplazameIFrame } from '@aplazame/browser'
const apzIframe = new AplazameIFrame({
url: 'https://aplazame.com/app',
searchParams: {
publicKey: 'foobar',
},
})
apzIframe
.mount(document.querySelector('#iframe_container'))
apzIframe
.on('status', e => {
console.log('status received from iframe:')
console.log('details', e.details)
})
function onSubmit () {
apzIframe.request('submit')
}
AplazameIFrame object
constructor
const apzIframe = new AplazameIFrame({
url,
searchParams,
})
methods
apzIframe.send(event: string, payload: unknown)
// received by the iframe as MessageEvent<{ data: { event, payload } }>
apzIframe.request(request: string, payload: unknown)
// received by the iframe as MessageEvent<{ data: { request, payload } }>
apzIframe.mount(el: HTMLElement)
// iframe is created and attached to el when calling this method
apzIframe.setStyles(styles: string | { [key: string]: string })
// applies styles to iframe DOM Element
// when styles is a string, it refers to a preset
// otherwise applies styles key by key
apzIframe.addStylesPreset(name: string, styles: { [key: string]: string })
// Adds a new preset to presets
apzIframe.resetStyles()
// clears all styles applied to the iframe
apzIframe.unmount()
// removes iframe from DOM tree and emits 'unmount' event
default styles presets
const defaulsIframeStylesPresets: {
fill_fixed: {
position: 'fixed',
top: '0',
left: '0',
width: '100%',
height: '100%',
border: 'none',
},
fill_absolute: {
position: 'absolute',
top: '0',
left: '0',
width: '100%',
height: '100%',
border: 'none',
},
}
0.1.11
6 days ago
0.1.10
7 days ago
0.1.8
7 days ago
0.1.9
7 days ago
0.1.0
11 months ago
0.1.2
11 months ago
0.1.1
11 months ago
0.1.7
11 months ago
0.1.4
11 months ago
0.1.3
11 months ago
0.1.5
11 months ago
0.0.10
1 year ago
0.0.9
1 year ago
0.0.8
1 year ago
0.0.7
1 year ago
0.0.6
1 year ago
0.0.5
1 year ago
0.0.4
1 year ago
0.0.3
1 year ago
0.0.2
1 year ago
0.0.1
1 year ago